title: jquery ajax call in ie8/9 not working
body: <p>I feel like I should be able to find this anwser but have had zero success after hours of research.   I have this <a href="http://static.athletesinaction.org/misc/test2.html" rel="nofollow">page</a> with a simple jquery ajax calls to a API service.   It works fine in Chrome, Safari, and Firefox, and even IE 10.  But IE 9 and 8 seem to fail.</p>
  
  <p>Here's the code:</p>
  
  <pre><code> $.ajax({
                      type: "GET",
                      url: "http://api.domain.org/api/campus?filtertype=name&amp;filter="+ escape($('#campus').val()),
                      dataType: "json",
                      contentType: "application/json; charset=utf-8",
                      success: function (result) {
                          $('#results').children().remove();
                          var arrayd = (typeof result) == 'string' ? eval('(' + result + ')') : result;
                          if (arrayd != null) {
                              for (var i = 0; i &lt; arrayd.length; i++) {
                                  $('#results').append('&lt;li&gt;' + arrayd[i].SchoolName + '&lt;/li&gt;');
                              }
                          }
                      },
                      error: function (request, status, errorThrown) {
                          alert("There was an issue with the request");
                      } // When Service call fails
                  });
  </code></pre>
  
  <p>The biggest issue is that the alert files, but I can't see any traffic in the IE Debugging tools which doesn't help me see if I even hit the server.</p>
  
  <p>I've tried a number of things:  </p>
  
  <ol>
  <li>Setting $.ajax setting per <a href="http://mvcdiary.com/2013/01/16/jquery-ajax-request-not-working-in-ie9/" rel="nofollow">http://mvcdiary.com/2013/01/16/jquery-ajax-request-not-working-in-ie9/</a></li>
  <li>Setting '$.support.cors = true;' before the ajax call</li>
  <li>Using 'jquery.iecors.js'</li>
  </ol>
  
  <p><strong>Update</strong></p>
  
  <p>After changing the dataType to 'jsonp' I started seeing the traffic in IE 8/9 with successful calls.   However, I'm not getting any browser to call the success method now.</p>
  
  <pre><code> $.ajax({
                      type: "GET",
                      url: "http://api.athletesinaction.org/api/campus?filtertype=name&amp;filter="+ escape($('#campus').val()),
                      dataType: "jsonp",
                      async: false,
                      contentType: "application/javascript",
                      crossDomain: true,
                      jsonpCallback: 'myTest',
                      success: myTest,
                      error: function (request, status, errorThrown) {
                          alert(errorThrown);
                      } // When Service call fails
                  });
  
  
          function myTest (argument) {
              alert("YEAH");
              $('#results').children().remove();
              var arrayd = (typeof result) == 'string' ? eval('(' + result + ')') : result;
              if (arrayd != null) {
                  for (var i = 0; i &lt; arrayd.length; i++) {
                      $('#results').append('&lt;li&gt;' + arrayd[i].SchoolName + '&lt;/li&gt;');
                  }
              }
          }
  </code></pre>