title: Button text swapping on clicking any 2 buttons with JQuery
body: <p>There are five buttons:</p>
  
  <pre><code>&lt;button id="btn1"&gt;1&lt;/button&gt;
  &lt;button id="btn2"&gt;2&lt;/button&gt;
  &lt;button id="btn3"&gt;3&lt;/button&gt;
  &lt;button id="btn4"&gt;4&lt;/button&gt;
  &lt;button id="btn5"&gt;5&lt;/button&gt;
  </code></pre>
  
  <p><strong>What Have To Be Done:</strong> </p>
  
  <p>When clicking on any two buttons, the texts should swap between those buttons. </p>
  
  <p><em>For example:</em> If we click on "#btn1" and then on "#btn3", the text of "#btn1" should become "3" and the text of "#btn3" should become "1".</p>
  
  <p>The above mentioned process should work on every buttons like clicking on the first button and the fifth button and so on.</p>
  
  <p><strong>Question:</strong> How can we do this with JQuery?</p>