title: How to use jQuery on to attach to the click event of a button by ID
body: <pre><code>    //Add solve puzzle buttons
      jSolvePuzzleButtonsHTML = "&lt;div&gt;&lt;button id=\"bsolveacross\"&gt;solve word across&lt;/button&gt;&lt;button id=\"bsolvedown\"&gt;solve word down&lt;/button&gt;&lt;button id=\"bsolvepuzzle\"&gt;solve puzzle&lt;/button&gt;&lt;/div&gt;";
      jQuery("#gridpuzzlewrapper").append(jSolvePuzzleButtonsHTML);
  
      jQuery("#bsolvedown").on('click', '#bsolvedown', function() {
          alert("click called...");
      });
  </code></pre>
  
  <p>For some reason my click event is not firing.</p>
  
  <p>Thanks in advance...</p>