title: jQuery: perform specific action on radio button selection
body: <p>I have couple of radio buttons from <strong>bootstrap</strong> like below.</p>
  
  <pre><code>&lt;div class="btn-group" data-toggle="buttons"&gt;
  &lt;label class="btn btn-primary"&gt;
   &lt;input type="radio" name="options" id="option1"&gt; Option 1
  &lt;/label&gt;
  &lt;label class="btn btn-primary"&gt;
   &lt;input type="radio" name="options" id="option2"&gt; Option 2
  &lt;/label&gt;
  &lt;label class="btn btn-primary"&gt;
   &lt;input type="radio" name="options" id="option3"&gt; Option 3
  &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I perform specific action for each radio button in jQuery?</p>
  
  <p>for instance: </p>
  
  <p>if option1 is checked -> load "html1.html"<br>
  if option2 is checked -> load "html2.html"</p>
  
  <p>And I use this code to load an html code in specific div :</p>
  
  <pre><code>&lt;script&gt;
     $(document).ready(function(){ 
         $('#main-content').load('skill-temp.html');
     });
  &lt;/script&gt;
  </code></pre>