_form.html.erb

<header id="registration-banner">
  <img src="/images/registration-banner.png" alt="registration-banner" width="422" height="145" />
</header>
<%= semantic_form_for Registration.new, :remote => true,
      :html => { :name => "Event Registration",
                 :id   => "event-registration",
                 'data-type' => 'html' } do |form| %>
  <ol class="form">
    <%= form.input :name,        :label => "Full Name" %>
    <%= form.input :twitter,     :label => "Twitter Name" %>
    <%= form.input :school_name, :label => "School" %>
    <li id="radio">
      <label>Weapon of choice<abbr title="required">*</abbr></label>
      <p class="radio developer">
        <%= form.radio_button :role, "Developer" %>
        <%= form.label :role, "Developer", :for => "registration_role_developer" %>
      </p>
      <p class="radio designer">
        <%= form.radio_button :role, "Designer" %>
        <%= form.label :role, "Designer", :for => "registration_role_designer" %>
      </p>
    </li>
    <li id="registration-note">Please note that registration is open to current high school and college students only.</li>
    <li id="submit-button">
      <%= form.submit "Register", :disable_with => "Please wait..." %>
    </li>
  </ol>
<% end %>

<% content_for :javascript do %>
  $(document).ready(function() {
    $("input#registration_school_name").autocomplete({
      source: <%= School.names.to_json.html_safe %>
    });
  });
<% end %>