Cannot post span value by document.form.submit
<p>I'm writing a form and use <code>document.form.submit()</code> to post value, and I hope I can use <code>x = http.formvalue("")</code> to get the value well. But I found if I submit <code>&lt;span&gt;</code> value then I'll get <code>null</code>, if I replace <code>&lt;span&gt;</code> to <code>&lt;input&gt;</code> then I can get the value well, can anyone help me get the value only use <code>&lt;span&gt;</code>? thx! </p>

<p>HTML</p>

<pre><code>&lt;form id="form1" name="form1" method="post"&gt;
  &lt;ul class="formUl"&gt;
    &lt;li&gt;
      &lt;span class="clm01"&gt;Phone:&lt;/span&gt;
      &lt;span class="clm02" id="phone" name="phone"&gt;&lt;/span&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  &lt;a class="submitBtn" href="#" onclick="apply()"&gt;Apply&lt;/a&gt;
&lt;/form&gt;
</code></pre>

<p>jQuery</p>

<pre><code>function apply() {
    document.form1.submit();
}
</code></pre>