How do I listen to onClick events for a Bootstrap modal button using JQuery? : <p>I have this JavaScript, but the event is never firing. </p>

<pre><code>jQuery(function() {
    $('#emailButton').click(function() {
        console.log("emailButton()...");
</code></pre>

<p>The HTML is </p>

<pre><code>&lt;button type="button" class="btn btn-default" title="Email Page to a Friend" data-toggle="modal" data-target="#emailModal" id="#emailButton"&gt;
</code></pre>

<p>The modal pops up, but the click handler isn't working. Nothing shows up in the console. Here is a jsFiddle: <a href="https://jsfiddle.net/y59qys4j/8/" rel="nofollow">https://jsfiddle.net/y59qys4j/8/</a></p>
