       <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.">
+          <input type="text" class="input-small" name="experience-domain" autocomplete="off" required>
         </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.">
+          <input type="number" class="input-small" name="experience-value" value="0">
         </div>
       </div>
     </div>
     <div class="modal-footer">
-      <a href="#" class="increase-experience btn btn-primary modal-hide">
+      <a href="#" class="increase-experience btn btn-primary">
       Increase Experience
       </a>
-      <a href="#" class="set-experience btn btn-primary modal-hide">
+      <a href="#" class="set-experience btn btn-primary">
         Set Experience
       </a>
-      <a href="#" class="delete-experience btn btn-primary modal-hide">
+      <a href="#" class="delete-experience btn btn-primary">
         Delete Experience
       </a>
       <a href="#" class="btn" data-dismiss="modal">Cancel</a>

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


  ui :

    return users


  isValid : ->

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

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

    return isValid

  hideModal : ->

