title: reading innerHTML of HTML form with VALUE attribute (& its value) of INPUT tags
body: <p>I have a <code>html</code> <code>form</code> with some input fields. </p>
  
  <p>Instead of reading and sending the values of <code>input</code> fields by <code>document.ipForm.userName.value</code> , I need to send the whole html content to html parser and extract the <code>&lt;name ,value&gt;</code> pair of each input field by some other program( and other information too). </p>
  
  <p>But when i did this in JavaScript(i want pure JavaScript- not other library)</p>
  
  <pre><code>var contents=document.getElementById("formArea").innerHTML;
  alert(contents);
  </code></pre>
  
  <p>It <strong>doesnot shows</strong> the <code>value="enteredValue"</code> of <code>&lt;input/&gt;</code> fields even if i entered some values.</p>
  
  <p>My HTML File: </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script type="text/javascript"&gt;
      function showInnerHtml(){
          var contents=document.getElementById("formArea").innerHTML;
          alert(contents);
      }
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="formArea"&gt;
          &lt;form name="ipForm" &gt;
            UserName : &lt;input type="text" name="userName"&gt; 
          &lt;/form&gt;
      &lt;/div&gt;
      &lt;div&gt; other contents.....   &lt;/div&gt;
      &lt;div onclick="showInnerHtml()"&gt;Show InnerHTML&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Am i missing something here or this is not possible.</p>
  
  <p>Don't call me MAD. but i am struggling with this strange condition.</p>