     "click .set-experience" : "setExperience"
     "click .delete-experience" : "deleteExperience"
     "click .increase-experience" : "changeExperience"
-    "click .modal-hide" : "hideModal"
 
 
   ui :

      <div class="control-group">
        <label class="control-label" for="experience-domain">Domain</label>
        <div class="controls">
          <input type="text" class="input-small" name="experience-domain" autocomplete="off" required data-invalid-message="Please enter a experience domain.">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="experience-value">Value</label>
        <div class="controls">
          <input type="number" class="input-small" name="experience-value" value="0" required data-invalid-message="Please specify a experience value.">
        </div>
      </div>
    </div>
    <div class="modal-footer">
      <a href="#" class="increase-experience btn btn-primary modal-hide">
      Increase Experience
      </a>
      <a href="#" class="set-experience btn btn-primary modal-hide">
        Set Experience
      </a>
      <a href="#" class="delete-experience btn btn-primary modal-hide">
        Delete Experience
      </a>
      <a href="#" class="btn" data-dismiss="modal">Cancel</a>

    return users


  isValid : ->

    isValid = @ui.experienceDomain.val().trim() != ""

    # Highlight the domain textbox if it is empty
    unless isValid
      @ui.experienceDomain.focus()

    return isValid

  hideModal : ->

