title: Why isn't my checkbox event listener listening correctly?
body: <p>Yes, I've read the related posts on Stack Overflow. Still can't figure out why this isn't working. </p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;input type="checkbox" id="#finished-checker" value="value"&gt; 
  &lt;label for="finished-check"&gt;Check if assessment is complete.&lt;/label&gt;
  </code></pre>
  
  <p><strong>JavaScript:</strong></p>
  
  <pre><code>$('#finished-checker').change(function(){
      console.log("this.checked = " + this.checked);//TEST
      $.post({
          method: 'POST',
          url: '/Answers/UpdateFinishedValue',
          data: { finished: this.checked },
          success: function (retobj) {
              console.log(retobj);//TEST
          },
          error: function () {
              console.log("Error ...");
          }
      });
  });
  </code></pre>
  
  <p>That <code>change</code> function isn't being invoked. I've also tried </p>
  
  <pre><code>$('#finished-checker').bind('change',function(){
      // ...
  });
  </code></pre>
  
  <p>and I've tried putting these in <code>$(document).ready</code>s and yada yada.</p>
  
  <p>fiddle of proof: <a href="https://jsfiddle.net/c83cd6ah/" rel="nofollow">https://jsfiddle.net/c83cd6ah/</a></p>