Show "next" button only after user has made selection

http://stackoverflow.com/questions/27291830/jquery-to-display-next-button-once-a-input-button-is-clicked/

by hibbard_eu

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<div class="btn-group-vertical selection" data-toggle="buttons">
      <label class="btn btn-default">
        <input type="radio" name="options" id="option2" name="1" class="a"> <span class="label num" style="font-size:18px; margin-bottom:15px; border-radius:0px;">A</span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
      </label>
	  
      <label class="btn btn-default">
        <input type="radio" name="options" id="option2" name="1" class="b"> <span class="label num" style="font-size:18px;margin-bottom:15px;border-radius:0px;">B</span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
      </label>
	  
      <label class="btn btn-default">
        <input type="radio" name="options" id="option3" name="1" class="c"> <span class="label num" style="font-size:18px;margin-bottom:15px;border-radius:0px;">C</span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
      </label>

       <label class="btn btn-default">
        <input type="radio" name="options" id="option3" name="1" class="d"> <span class="label num" style="font-size:18px;margin-bottom:15px;border-radius:0px;">D</span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
      </label>

	</div>
	<br / >
	<br / >

	<div align="left">
	<button class="btn btn2 btn-default myButton" name="next">Next</button>
	</div>

JavaScript

$(".myButton").hide();    

$("input:radio").on("click", function(){
  $(".myButton").show();
});