title: using innerHTML with <input>
body: <p>I am trying to use the innerHTML method on an input tag and all i get back is a blank string. Here is the code i am useing.</p>
  
  <p><strong>javascript</strong></p>
  
  <pre><code>function setName(ID){
      document.getElementById('searchtitle').innerHTML = "Enter " + ID.innerHTML;
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input type="radio" name="searchtype" id="test" value="name" onclick="setName(this)"&gt;Last Name&lt;/input&gt;&lt;br/&gt;
  &lt;input type="radio" name="searchtype" value="phonenumber" onclick="setName(this)"&gt;Phone Number&lt;/input&gt;&lt;br/&gt;
  
  &lt;label for="inputfield" id="searchtitle" style="font-size:2em;"&gt;Enter Last Name&lt;/label&gt;&lt;br/&gt;
  &lt;input type="text" name="inputfield" id="inputfield" style="font-size:2em;"&gt;&lt;/input&gt;
  </code></pre>
  
  <p>What is supposed to happen is depending on which radio button I pick the label for the input box should change. I can make the label.innerHTML=radio.value but the values are named for my php code and not formated nicely(ie. phonenumber vs. Phone Number) this is why I am trying to use the innerHTML of the radio button.</p>
  
  <p>Any help I could get would be greatly appriciated.</p>