title: Run button click event only once further clicks needs to be forwarded to other function
body: <p>I have a button as follows</p>
  
  <pre><code>&lt;input type="button" id="btn" value="Click Me" /&gt;
  </code></pre>
  
  <p>and I have 2 functions</p>
  
  <pre><code>function event1(){
    alert("1st Time Clicked");
  }
  
  function event2(){
    alert("Further Clicks");
  }
  </code></pre>
  
  <p>I want to run <code>event1</code> function for 1st time when the user clicks on that button and for subsequent requests I need to run <code>event2</code> function.</p>
  
  <p>I tried the following way</p>
  
  <pre><code>$(document).ready(function(){
      $("#btn").one("click",function(){
          event1();
      });
  });
  </code></pre>
  
  <p>But I can't figure it out how to run <code>event2</code> function for further clicks.</p>
  
  <p>How Can I do that in Jquery ?</p>
  
  <p>I created Jsfiddle = <a href="http://jsfiddle.net/rajeevgurram/d9Z3c/" rel="nofollow">http://jsfiddle.net/rajeevgurram/d9Z3c/</a></p>