新規投稿フォームでurlを入力した際にtitleを自動補完したい：rails

Question

####前提・実現したいこと
ブックマークアプリの製作途中で、URLを入力した際にTitleを自動補完したいと思っています。
また、URL入力前にはtitleの入力を禁止し、自動補完->編集可という流れにしたいと考えています。

####モデル

bookmark title:string url:string folder_id:integer
folder name:string tab_id:integer
tab name:string

####試したこと
title情報の取得はMechanizeというgemを使って

@agent = Mechanize.new
@page = @agent.get(bookmark.url)
@elements = @page.at('title').inner_text

で取得することができました。今はbookmarkのcontroller内に記述しています。

######入力フォーム（modal使用）

<div class="modal-dialog">
    <div class="modal-content">
        <%= simple_form_for(Bookmark.new, remote: true) do |f| %>
            <div class="form-inputs">
                <%= f.input :url %>
                <%= f.input :title, readonly: true %>
                <%= f.association :folder, as: :radio_buttons %>
                <div class="form-actions">
                    <%= f.button :submit %>
                </div>
            </div>
        <% end %>
    </div>
</div>

######bookmark.js

$(function() {
    //url入力後title入力可
    $("#bookmark_url").keyup(function(){
        $("#bookmark_title").attr("readonly", false);
    });
});

とりあえずurlの入力をした際にtitleのフォームからreadonlyを取り除こうとしていたのですが、うまく動作してくれません。
この原因を教えていただきたいです。

自動入力のコードに付いて、イマイチデータの持って行き方がわからず、JQueryにコントローラーで取得した@elementsの値をJQueryに持っていく方法がわかりません。考えてみたコードのイメージは、およそこのような感じなのですが助言をお願いします。

$(funtion() {
    $('input[name="bookmark[url]"]').keyup(function(){
        //自動入力実行　@elementsの値はどうやって持ってくる？
    });
});

よろしくお願いします。