title: getElementById().value returns nothing
body: <pre><code>&lt;td id="'.$row['id'].'"style="display: none;"&gt;
      &lt;input id="addEdit" type="text" value="" size="4"/&gt;
  &lt;/td&gt;
  &lt;td&gt;
      &lt;input name="add" value="A" type="submit" onClick="addObs('.$row['id'].'); return false;"/&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>.</p>
  
  <pre><code>function addObs(id)
  {
      var addEditTD = document.getElementById(id);
  
      if (addEditTD != null &amp;&amp; addEditTD.style.display == 'none')
      {
          addEditTD.style.display = '';
      }
  
      if (addEditTD.style.display == '' &amp;&amp; document.getElementById('addEdit').value != "")
      {
          //some code
          alert(document.getElementById('addEdit').value);
      }
  }
  </code></pre>
  
  <p>I don't receive any value from the 'addEdit' input text, I don't know why, pls help.</p>
  
  <p>this are the "source" lines related to my html tags:</p>
  
  <pre><code>&lt;td id="30129"style="display: none;"&gt;
  &lt;input id="addEdit" type="text" value="" size="4"/&gt;&lt;/td&gt;
  &lt;td&gt;
  &lt;input name="add" value="A" type="submit" onClick="addObs(30129); return false;"/&gt;
  &lt;/td&gt;
  </code></pre>