title: detecting if checkbox was checked
body: <p>I had an assignment to make a To Do list in HTML/JS/CSS</p>
  
  <p>I am allowed to make any aesthetic changes as I want as long as it has 3 things: a button that allows the user to input to the list, removing the button when there is no input (white space is not considered input) and the user should be able to click on something so the user can delete the task.</p>
  
  <p>I was thinking of a check box that was clicked for more than 5 seconds.
  so far I got this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;link rel="stylesheet" href="ToDo.css" type="text/css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.8.3.min.js"&gt;&lt;/script&gt;
      &lt;script src="ToDo.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  
  &lt;body&gt;
  &lt;h1&gt;ToDo&lt;/h1&gt;
  &lt;input type="checkbox"/&gt;
  &lt;input type="text" placeholder="Please Enter a Task" id="input"&gt;
  &lt;input type="submit" value="Add" id="addButton" hidden="hidden"&gt;
  
  
  &lt;/body&gt;
  
  
  &lt;/html&gt;
  </code></pre>
  
  <p>And this is my JS file:</p>
  
  <pre><code>$(document).ready(function() {
  
      $("#input")[0].oninput = function isEmpty() {
  
          if ($("#input").val() == "") {
              $("#addButton").fadeOut(250);
          } else {
              $("#addButton").fadeIn(250);
          }
      }
  
  
      $("#addButton").click(function() {
          $("#addButton").after($("&lt;p&gt;&lt;/p&gt;").text($("#input").val()));
          //$("p:first").prepend('&lt;input type="checkbox" value="102" name="tags[]" id="tag102" class="checkbox" /&gt;');
          $("#input").val("");
          $("#addButton").hide();
      });
  
  
  
  
      $('input[type=checkbox]').change(function() {
        if( $(this).is(':checked')) {
                alert("This passed");
            }else {
                alert("This failed");
            }
  
  
      });
  
  });
  </code></pre>
  
  <p>I have a CSS files as well, but I am assuming that isn't important at the moment.
  I havn't started with the timer because I couldn't figure out how to check if the check box was checked. I tried using a regular HTML check box to check it out and that worked fine. but for some reason the ones crated through java script aren't working.</p>
  
  <p>Please help, Thank you.</p>