title: IE download file
body: <p>Using the following lines of code I am able to download a file in the response of a Ajax call in Firefox, Chrome, Opera. However in IE the <code>href</code> attribute <code>download</code> is not supported. Therefore the below does not work in IE.</p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;div class="fRight" style="margin-left:5px; margin-rigth:5px" &gt;
      &lt;input type="button" value="Request File"  id = "chReqFileBtn"  onclick = "handleClick"/&gt;
      &lt;a href="#" id="challengeReqFileAnchor" style="visibility: hidden"&gt;&lt;/a&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>function handleClick()
  {
      var code = $('#code').val();
      var quantity = $('#quantity').val();
  
      var req = $.ajax(
      {
          'type': 'POST',
          'url' : $apiBasePath+'config/challenge-file',
           contentType : 'application/json',
          'data': JSON.stringify({'code':code, 'quantity':quantity}),
          'success':function(response, status, xhr)
          {
              var code = xhr.getResponseHeader('Operation-Code');
  
              var anch = $('#challengeReqFileAnchor');
              anch.attr(
              {
                  "download" : 'request.bin',
                  "href" : "data:text/plain," + response       
              });
              anch.get(0).click();
          },
          'error': function(request,status,errorThrown) 
          {
             ......
          }
      });
      $pendingReqs.push(req);  
  }
  </code></pre>
  
  <p>What options would I have to accomplish the same behavior in IE as well?</p>