title: Html button click event not triggering for radio button
body: <p>I have one radiobutton list. When I'm clicking the radio button then respective contents are displaying and those are slider contents. I'm using jquery.bxslider.js for this purpose. It is working fine in 2 cases:-</p>
  
  <p>1- when I'm clicking the radiobutton.
  2- When I create a separate button call the function in onclick event. And then call that button. This is defined below.</p>
  
  <pre><code>&lt;input id="checkbtn1" type="button" value="show" onclick="javascript:checkButton();" /&gt;
  
  &lt;script&gt;        
  
  function checkButton() {
  $("#plan-3").prop("checked", true);
  $("input:radio[name=PremiumGroup][id=plan-3]").trigger('click');
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>But my requirement is to automatically trigger the button event or any how to click the radiobutton so that the respective slider to display.
  I've written the below code for this purpose, but it is only selecting the radio button but no event triggering.</p>
  
  <pre><code>&lt;script&gt;
      $("#checkbtn1").click();
  &lt;/script&gt;
  </code></pre>
  
  <p>Can anybody pls help ?</p>