tagged_withで取得したモデルオブジェクトを表示するとTag-itのフォームがレンダリングされなくなる

Question

acts-as-taggable-onのtagged_withメソッドで、特定のタグを含む投稿のみを取り出して、一覧画面に表示した際に、投稿フォームのタグ入力部分がレンダリングされなくなってしまいました。(タグ入力部の生成には、Tag-itを使用)
tagged_withで絞り込みを行わずに表示した場合は、正常にレンダリングされます。
※一覧画面と、投稿フォームは横並びの同一画面となっています。

アプリケーションの作りとしては、
一覧画面の投稿のタグがリンクとなっていて、そこをクリックするとパラメータとしてタグ名をコントローラに渡し、タグ名から投稿を絞りこんで表示するといった作りとなっています。

実ソースを抜粋して下記に記載します。

■static_pages_controller.rb
def home                                                                      
    if logged_in?                     
      @bookpost  = current_user.bookposts.build      
      @feed_items = params[:selected_tag].present? ? current_user.feed.tagged_with(params[:selected_tag]).paginate(page: params[:page])
                    : current_user.feed.paginate(page: params[:page])
    end
  end


■view(フォーム)
<%= form_for(@bookpost) do |f| %>
<label>タグ</label>
<ul id="ctg-tags"></ul>
<div class="field">
  <%= f.text_area :content %>
</div>
<%= f.submit "投稿", class: "btn btn-primary" %>
<% end %>


■view(一覧画面)
<li id="bookpost-<%= bookpost.id %>">
  <span class="user"><%= link_to bookpost.user.name, bookpost.user %></span>
  <span class="content"><%= bookpost.content %></span>
  <% bookpost.tag_list.each do |tag| %>
  <span class="<%= tag %>">
    <%= link_to "#{tag}", root_path(selected_tag: tag) %>
  </span>
  <% end %>
</li>

非表示時のHTMLのソースコードと正常に表示される時のソースコードも下記に載せます。

■非表示時
<section class="bookpost_form">
    <form class="new_bookpost" id="new_bookpost" action="/bookposts" accept-charset="UTF-8" method="post">
        <input name="utf8" type="hidden" value="&#x2713;" />
        <input type="hidden" name="authenticity_token" value="AGJ7g9ebvwcB0tw6kzZaSEpR+mrsk6evcvMAS77GKfUgWgVd5UPHzBlCIEh1MikQPNmLABoC5D8/mP8vAUWyuw==" />
        <label>タグ</label>
        <ul id="ctg-tags"></ul>
        <div class="field">
            <textarea name="bookpost[content]" id="bookpost_content">
            </textarea>
        </div>
        <input type="submit" name="commit" value="ストック" class="btn btn-primary" data-disable-with="ストック" />
    </form>
</section>


■正常時
正常に表示される時は、<ul id="ctg-tags"></ul>の部分が下記に変化します。

<ul id="ctg-tags" class="tagit ui-widget ui-widget-content ui-corner-all">
    <li class="tagit-new">
        <input type="text" class="ui-widget-content ui-autocomplete-input" autocomplete="off">
    </li>
</ul>
<input type="hidden" style="display:none;" value="" name="bookpost[tag_list]">

Tag-itがなぜかうまく働かなくなるのが原因っぽいというところまではわかったのですが、
具体的な解決策が思いつかないという状況です。

お詳しい方、どうか力を貸してください。
よろしくお願いします。

---

【追記】
すみません、表示ロジックを変更したので追記します。
これまでは、前述したように一覧画面と投稿フォームを横並びの同一コントローラ・同一メソッド・同一ビューに記述していましたが、投稿フォームを同一コントローラ内の別のメソッド・別のビューに分離しました。
その結果、画面遷移した直後は変わらずタグフォーム部分が表示されないのですが、リロード（ブラウザを再読み込み）すると表示されるという状態になりました。

下記に変更後のソースコードを記載します。

■static_pages_controller.rb
def contibute
    if logged_in?
      #本当はここで下記のようにform_forに渡す空のモデルオブジェクトを生成したいが、エラーになってしまうため、viewに直接記述して暫定対応。      
      #余裕のある時に見直す                                                                                                                    
      #@bookpost = current_user.bookposts.build                                                                                                
    else
      redirect_to signup_path
    end
  end


■view(フォーム)
<!-- 本当はform_forの引数にはコントローラで用意した@bookpostを渡すべき -->
<%= form_for(current_user.bookposts.build) do |f| %>
<label>タグ・カテゴリー</label>
<ul id="ctg-tags"></ul>
<div class="field">
  <%= f.text_area :content %>
</div>
<%= f.submit "投稿", class: "btn btn-green" %>
<% end %>

---

【追記２】
Turbolinksが原因でブラウザが更新されず、
$(document).ready()が期待通り動作しないようでした。

Answer 1

自己解決したので、この投稿を見て同じように困っている方のために念のため解決方法を載せます。

原因は、Railsでデフォルト動作する（してしまう）Turbolinksでした。
この機能は一度読み込んだものは読み込まないなどして、速度の向上を計ろうとするものみたいなのですが、
これが災いしてready指定していたJavascriptがページの初回ロード時にしか読み込まれず、結果、レンダリングされない不具合につながりました。

jQuery Turbolinksというgemをインストールすることで解決できるようなのですが、自分はうまくいかなかったため、最終的に下記のようにturbolinksが読み込まれた時にも呼ばれるようにして解決しました。

$(document).on('ready turbolinks:load',function() {.....});

Turbolinksを無効にしてしまうという方法もあるようです。