title: How to use a form to make a get request with header information
body: <p>I have a form that makes the proper request to the endpoint as a get method.</p>
  
  <pre><code>var form = document.createElement('form');
  with (form) {
      setAttribute("name", "theForm"); // give form a name
      setAttribute("action","PATHTO"); // give form an action
      setAttribute("method", "get"); // give form a method
  
  }
  document.getElementsByTagName("body")[0].appendChild(form);
  document.forms[0].submit();
  </code></pre>
  
  <p>However, I need to set a header that has a key value pair in the request such as</p>
  
  <pre><code>ExtraInfo : 28473432894789238473293874329
  </code></pre>
  
  <p>How would I go about doing that using javascript only to manipulate the form.</p>