CrossFit Name Generator

gistfile1.js

<form id="cf-form" />
  <input type="text" id="cf-name" name="cf-name"/>
  <input type="submit" id="cf-button" value="Submit!" />
</form>

<p id="result"></p>

<script>
$(document).ready(function(){
  submit_form();
});

function submit_form() {
  $(document).on("click", "form#cf-form input", function() {
    var gym_name = $('input[name=cf-name]').val();
    var api_url = "http://words.bighugelabs.com/api/2/065ee4331b25190e6e0550068c730c22/" + gym_name + "/";        
    
    $.ajax({
      type: 'GET',
      url: api_url,
     }).done.function(msg){
     $('p#result').html(msg)
     }
      return false;
  });
}
</script>