title: 'FormData' is undefined in IE only
body: <p>I have a problem where i need to post the data as content-type <code>application/x-www-form-urlencoded</code>. </p>
  
  <pre><code>    var inputData = {cId:"444",pageNo:"1",latitude:"49.153236",longitude:"12.040905"};
      var data = new FormData();
      data.append('data', JSON.stringify(inputData));
  
  
      this.model.save(data, {
          data: data,
          processData: false,
          cache: false,
          contentType: false,
          success: function (model, resultData) {
              $.get(App.baseUrl + 'templates/all-offers-view.html', function (data) {
                  template = _.template(data, {
                      data: resultData
                  });
                  that.$el.html(template);
              }, 'html');
  
          },
          error: function (error) {
              console.log("Error");
              return false;
          }
      });
  </code></pre>
  
  <p>While the above works fine in all other browsers, I am getting the following error in IE9.</p>
  
  <pre><code>SCRIPT5009: 'FormData' is undefined 
  view.js, line 57 character 9
  </code></pre>
  
  <p>line 57 being <code>var data = new FormData();</code></p>
  
  <p>Ive heard <code>FormData()</code> is a browser dependant function and its not related to jquery library and that in IE its missing. </p>
  
  <p>The reason why i am using the above method is because i have to pass data in <code>application/x-www-form-urlencoded</code> format. </p>
  
  <p>I cannot change the server side coding(as this is linked with an iphone app in appstore).</p>
  
  <p>All i can do is try out with the client-side. </p>
  
  <p>Does anyone have a solution for this?</p>
  
  <p>p.s : I am using backbone.js. </p>