title: How do I change style.display from none to inline when button is clicked?
body: <p>I want to display <code>id="text"</code> when the button is clicked. So I tried this: </p>
  
  <pre><code>    &lt;form name="i_choose_form" action="" method="post"&gt;
        &lt;input type="submit" class="button" value="I am not sure, show me other choices..." onclick = "showText()"&gt;&lt;/br&gt;
      &lt;/form&gt;
  
      &lt;span id ="text" style="display:none"&gt;First make your choice then you can see all other choices&lt;/span&gt;
  
      &lt;script type = "text/javascript"&gt;
  
  function showText() { document.getElementById("text").style.display="inline"; }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>But this does not work as expected and text is not displayed. What am I doing wrong? <a href="http://jsfiddle.net/dPhUQ/" rel="nofollow">http://jsfiddle.net/dPhUQ/</a></p>