title: jquery ajax fail in IE only
body: <p>I recently refactored some ajax code to make it asynchronous. It was working perfectly before, but I wanted to use jQuery promises, so I jQuerified it. Now, however, the ajax call works in every browser but IE.</p>
  
  <p>IE9 throws the error where the ajax function is assigned a variable name. The error in IE is:</p>
  
  <p>"Object doesn't support this method or property on line 99."</p>
  
  <p>Here's a chunk where the error occurs:</p>
  
  <pre><code>if (screen.width &gt; 525 &amp;&amp; svgSupported) {
      $loadingSvg = $.ajax({
          type: 'GET',
          url: 'images/mypicture.svg',
          dataType: 'xml',
          success: function(data){
              console.log("Ajax request successfully returned: " + data);
              console.log(data);
          },
      error: function(data){
          console.log("Ajax request failed: " + data);
          }
  });
  }
  </code></pre>
  
  <p>I've tried some obvious things other people in similar situations have suggested on SO, like wrapping everything in jQ $(document).ready. That doesn't fix it. The <code>$loadingSvg</code> variable is declared globally at the top of the script, so that ain't it. Any ideas, folks?</p>