     <div id="salary_information">
       <div class="salary fte">
         <h2>Salary</h2>
-        <input data-attribute=membership.salary size="30" type="number"></div>
+        <input data-attribute=membership.salary size="30" type="number">
+
         <h2>Full-Time Equivalent</h2>
         <input data-attribute=membership.full_time_equivalent size="30" type="number">
       </div>

  initialize: ->
    @userNewTemplate = Handlebars.compile(@templates.userNew)
    @$el.html @userNewTemplate
    @render()
  events: ->
    "change select[data-attribute=membership.employment_status]": "refreshSalaryRelatedFields"
    "click div.actions input[type=submit]": "saveUser"
  
  refreshSalaryRelatedFields: (event) ->
    selection = $(event.currentTarget).val()
    console.log selection

  saveUser: =>
    serializedForm = {}
    _.each @$el.find('[data-attribute]'), (element) ->
      setValueAt serializedForm, $(element).data('attribute').split("."), $(element).val()
    
    # Should work for both new and edit :/ 
    @collection.create serializedForm,
      wait: true # Best to wait for a successful CREATE server-side to add the model to the collection
      error: (model, response) =>
        alert "An error prevented the User from being saved."
      success: (model, response) =>

  
  render: ->
    @$el.appendTo("section.main .content")
    selected = $('select[data-attribute="membership.employment_status"]').val()
    $("div#salary_information div.salary").hide().find('input, select').prop('disabled', true)
    $("div#salary_information div." + selected + "").show().find('input, select').prop('disabled', false)

