Modal dialog with jQuery UI

simple-jquery-model-dialog.html.erb

<%= link_to 'New brand', '#new-brand-link', {:id => "new-brand-link"} %>


<div id="new-brand-form" title="Create new brand">
  <%= form_for [:admin, @brand], :remote => true do |form| %>
    <%= form.label :name %>
    <%= form.text_field :name %><br />
    <%= form.submit 'Save' %><br />
  <% end %>
</div>

<% content_for :javascripts do %>
  <script>
    $(document).ready(function(){
      $("#new-brand-form" ).dialog({ autoOpen: false, modal: true });
      $("#new-brand-link" ).click(function() {
        $("#new-brand-form" ).dialog( "open" );
      });
    });
  </script>
<% end %>