jquery - rorとjqueryを使ったシンプルなメニュー

Question

Ruby on Rails と Jquery で簡単なメニューを作ろうとしています。スーパー カテゴリとカテゴリがあり、スーパー カテゴリにマウスを置いたときに、そのスーパー カテゴリに属する​​カテゴリを別の div に表示したいということです。

<p></p>
<div class="tabbable tabs-left" >
  <ul class="nav nav-tabs" id="prueba1">
    <% @super_categories.each do |sc| %>
      <li><%=sc.name%></li>
    <% end %>
  </ul>
  <div class="tabbable tabs-left">
    <ul class="nav nav-tabs" id="prueba2">
      <div class="tab-content">

      <script type="text/javascript"> 
        $("#prueba1").mouseover(
          function () {
            $(prueba2).empty();
            $(prueba2).append($("
              <% @super_categories.each do |sc| %>
               <div id = <%=sc.name.to_s%> class = "tab-pane">
                  <% sc.categories.each do |cat|%>
                    <li><%=cat.name %></li>
                  <% end %>
              <% end %>"));
            }
          );     
        </script>
        <% end %>
      </div>
    <% end %>
  </div>
</ul>
</div>

しかし、もちろんうまくいきません。どうすればいいですか？

ありがとう！