title: Aurelia using Isomorphic-fetch posting form data gives weird output
body: <p>So I have my post logic:</p>
  <pre><code>var data = new FormData();
  
  this.fields.forEach(field =&gt; data.append(field.question, field.answer));
  
  console.log(data);
  
  this.http
      .fetch('login', {
          method: 'POST',
          body: data
      })
      .then(response =&gt; response.json())
      .then(loginResult =&gt; {
          
      });
  </code></pre>
  <p>The <code>console.log</code> shows the object with the correct information in it!</p>
  <p>So I'm happy with the data being populated.</p>
  <p>The request payload is this:</p>
  <pre><code>------WebKitFormBoundaryM4BOxXFW0i3zM4SY
  Content-Disposition: form-data; name=&quot;passcode&quot;
  
  mysecretpasscode
  ------WebKitFormBoundaryM4BOxXFW0i3zM4SY--
  </code></pre>
  <p>Which the owin backend doesn't understand:</p>
  <pre><code>var form = await c.Request.ReadFormAsync();
  </code></pre>
  <p><code>c</code> being the <code>OwinContext</code>. The output of <code>form</code> is one entry, with all that payload text in.</p>
  <p>Clearly it is trying to send <code>multipart/form-data</code> when I want <code>application/x-www-form-urlencoded</code></p>
  <p>What am I miss configuring here?</p>
  <h2>Edit - based on possible duplicate</h2>
  <p>I tried to use that solution but it didn't solve my problem.</p>