带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>

但当然它不起作用。 我该怎么办？

谢谢！