title: JQuery button click does not work
body: <p>I have a <a href="https://jsfiddle.net/Bes7weB/mjyq4oda/" rel="nofollow noreferrer">JQuery FIddle</a> properly running. It uses a <a href="http://www.jquery-steps.com/Examples" rel="nofollow noreferrer">JQUERY Steps PlugIn</a> . Now if you run <a href="https://jsfiddle.net/Bes7weB/mjyq4oda/" rel="nofollow noreferrer">JQuery FIddle</a> in the last step you will find three button "Save", "Previous" and "Finish".
   If I click on <code>Save button</code> I want to show an alert saying "you have been clicked". If you scroll to the bottom of the HTML Section in the JSFiddle you will find below code.</p>
  
  <p>Code working fine:</p>
  
  <pre><code>// on Save button click
      $(".actions").on("click",".saveBtn",function(){
        alert("You have been clicked!");
      });
    });
  </code></pre>
  
  <p>Code not working:</p>
  
  <pre><code> $( ".saveBtn" ).click(function() {
        alert("You have been clicked");
      });
  </code></pre>
  
  <p>Question: Why does the second code snippet not work?</p>