title: Switching search bar based on radio button using javascript
body: <p>So I have the html down pact (i think) as it does display by two buttons and can easily click through them:</p>
  
  <pre><code>&lt;form&gt;
    &lt;input type="radio" name=searchOption value="one" &gt; One Search
    &lt;input type="radio" name=searchOption value="two" &gt; Two Search&lt;br&gt;
    &lt;onClick="changeScope(one)&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I am using macros so I have the div id's set within the Confluence page itself (oneSearch, twoSearch). I also have twoSearch style = display:none</p>
  
  <p>My page display oneSearch but not two which is what I want. I think my JavaScript is what is not causing the search bars to switch. </p>
  
  <p>Here is my JavaScript:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function changeScope() {
      document.getElementById('oneSearch').style.display = "none";
  }
  &lt;/script&gt;
  </code></pre>