javascriptにrubyの変数を渡す

javascriptにrubyの変数の内容を渡したいと考えています。
具体的にはBootstrapのポップオーバーの内容をデータベースから持ってきたいです。

経験が浅いので、_common.js.erbを用意してrenderを呼び出すときに
渡す方法しか思いつきませんでした。
まだ試してはいないのですが、うまく動作すると思います。

２点教えていただきたいのですが、この方法でうまくいくでしょうか
また、この方法を採用した場合に機能毎にファイルを分けてしまうと
ソース自体が汚くなる気がします。他に賢い方法はないでしょうか？

_common.js.erb

$(document).ready(function(){

  // ポップオーバー
  $("#popover").popover({
      html: true,
      placement: "bottom",
      content: <%= ここに変数を渡したい！ %>
  });
});