title: IE 11 cannot submit an HTML form
body: <p>I have this HTML form</p>
  
  <pre><code>&lt;form name="nextform" action="anotherpage.php" method="post" enctype="multipart/form-data"&gt;
      &lt;input name="pinid" id="pinid" type="hidden"&gt;
      &lt;input type="submit" name="submit" id="post" value="Lets Go" class="formButtonMap"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><code>pinid</code> dynamically gets a value using JavaScript. When it gets a value I alert it and it works.</p>
  
  <p>But, when I click the <code>Lets Go</code> button, nothing happens. I see the Internet Explorer loading for a couple of minutes and then I get the message “The webpage does not respond”. If I hit refresh it goes to <code>anotherpage.php</code> but the values from the form did not arrive to the server.</p>
  
  <p>Rarely shows this message:</p>
  
  <blockquote>
    <p>Visual Studio Just-In-Time Debugger</p>
    
    <p>An unhandled win32 exception occured in iexplorer.exe [688]</p>
    
    <p>Possible Debuggers :</p>
    
    <p>New Instance of Microsoft Visual Studio 2012</p>
  </blockquote>
  
  <p>This behavior is observed only in Internet Explorer 11.0.2. The form works in older versions of Internet Explorer and also in Chrome and Firefox. I get no errors in IE’s console.</p>
  
  <p>Here is the JavaScript code, placed above the form:</p>
  
  <pre class="lang-js prettyprint-override"><code>// called when another button is clicked - basicaly is websockets
  function save() {
      var so = new WebSocket("ws://localhost:8000");
      so.onerror = function (evt) {
          alert('problem');
      }
  
      if (sara == 'LINES') {
          so.onopen = function() {
              so.send(JSON.stringify({
                  command: 'insertAll',
                  name: document.getElementById('name').value
              }));
          }
      }
  
      if (sara == 'POLY') {
          so.onopen = function() {
              so.send(JSON.stringify({
                  command: 'insertHalf',
                  name: document.getElementById('name').value
              }));
          }
      }
  
      so.onmessage = function (evt) {
          var received_msg = evt.data;
  
          document.getElementById("next").style.display = "block";
          document.getElementById("name").value = "";
          document.getElementById("descr").value = "";
          clearLinks();
  
          document.getElementById("pinid").value = received_msg;
          alert(document.getElementById("pinid").value); // works
  
          so.close();
      }
  }
  </code></pre>
  
  <p>I tried to edit the code using <code>document.getElementById("nextform").submit();</code>, problem is still there.</p>
  
  <p>Is it me? Is it a bug? What am I missing?</p>