title: Show section onclick
body: <p><strong>HTML</strong></p>
  
  <pre><code>&lt;section id="one"&gt;
  
  &lt;form&gt;
  &lt;input type=text /&gt;
  &lt;button id=btn&gt;Go&lt;/button&gt;
  &lt;/form&gt;
  
  &lt;/section&gt;
  
  &lt;section id="two" &gt;
  &lt;h1&gt;Hi&lt;/h1&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>I have the above html which has two sections.Im trying to hide the section with id <code>"two"</code> hide and show section <code>"one"</code>.When i click on <code>go</code> button,section <code>one</code> should fade and section "<code>two</code>" should be shown.</p>
  
  <p>Can some one help me code the jquery for this?</p>
  
  <p>Im new to jquery.It would be helpful.</p>
  
  <p>I have a fiddle at <a href="http://jsfiddle.net/x8B8c/" rel="nofollow">http://jsfiddle.net/x8B8c/</a></p>
  
  <p>please dont ask what I have tried,im a fresher to javascript and html as well,I would like to know how this can be done</p>