title: Retrieving the values from input elements and storing in an array
body: <p>I've got a form that takes input from the user</p>
  
  <pre><code>&lt;form id='myForm'&gt;
          &lt;div id='x'&gt;
                   &lt;h2&gt; start &lt;/h2&gt;
              &lt;ul class="rounded"&gt;
                  &lt;li&gt;&lt;input type="text"  placeholder="text" id="o" /&gt;&lt;/li&gt;
              &lt;/ul&gt;
                  &lt;h2&gt;dests &lt;/h2&gt;
              &lt;ul class="rounded"&gt;
                  &lt;li&gt;&lt;input type="text"  placeholder="text" id="d" /&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;ul class="rounded"&gt;
                  &lt;li&gt;&lt;input type="text"  placeholder="text" id="d" /&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt; 
  &lt;li class="arrow"&gt;&lt;a href="#page2" onclick='function()'&gt;Run &lt;/a&gt;&lt;/li&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I need a way of getting the user input from every field in the form, and placing it into an array. I have looked into getElementByTagName('input'), but this returns a HTMLCollection object. Any suggestions? (P.S i'm using a jqtouch if you're wondering what's up with the weird syntax)</p>