$(document).ready(function() {
  // $("#user_step_1").attach(RegistrationForm);
	$("#user[username]").keyup(function() {
		$("#example_username").html($("#user_username").val());
	});
});

// RegistrationForm = $.klass({
//  initialize: function(options) {
//    this.element.validate({
//      errorElement: 'div',
//      
//      // Rules to validate against the form
//      rules: {
//        'user[first_name]': { required: true },
//        'user[last_name]': { required: true },
//        'user[username]': { required: true, minlength: 3 },
//        'user[email]': { required: true, email: true },
//        'user[password]': { required: true },
//        'user[password_confirmation]': { equalTo: '#user_password' }
//      },
//      
//      // Messages to display for form errors
//      messages: {
//        'user[first_name]': "Please specify your first name.",
//        'user[last_name]': "Please specify your first name.",
//        'user[username]': "Your username must be at least three characters long.",
//        'user[password_confirmation]': 'Your passwords do not match.'
//      },
//      
//      // Highlight
//      highlight: function(element, errorClass) {
//        $(element).siblings('.valid').hide();
//      },
//      
//      // Successfully filled out a field
//      success: function(element) {
//        element.removeClass('error').addClass('valid');
//      }
//    });
//    
//    $("#user_first_name").focus();
//  }
// })