title: Why is my success function being skipped?
body: <p>I am trying to create a form that displays results based on what dropdowns options are chosen. The choices will need to be updated somewhat regularly so we are opting to bring in the data in through a hosted JSON file, as it's easy to go from CSV to JSON for us. I have written the following in hopes of getting the file and parsing the options for use in my dropdowns.  </p>
  
  <pre><code>$.ajax(
    {
      url: '---/DeptData.json',
      dataType: 'json',
  
      success: function(data)
      {
        //iterate over the data and append a selet option
        $.each(data, function(key, val)
        {
          var option = $('&lt;option id="' + val.DeptID + '"&gt;' + val.DeptDescr + '&lt;/option&gt;');
          $('#DeptSelect').append(option);
        })
      },
      error:function()
      {
        //if there is an error append a 'none avaliable' option
        $('#DeptSelect').append('&lt;option id="-1"&gt;NONE AVAILABLE&lt;/option&gt;');
      }
    })
  </code></pre>
  
  <p>The goal is to have it parsed so that I can use the following line within my functions.</p>
  
  <pre><code>var id = $('#DeptSelect').val()
  </code></pre>
  
  <p>Any help would be greatly appreciated!</p>