title: Simple Jquery Click not working in WordPress
body: <p>I have included jquery directly from CDN like </p>
  
  <p><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;</code> . </p>
  
  <p>I have included my <code>javascript</code> file in the footer like</p>
  
  <p><code>&lt;script type="text/javascript" src="&lt;?php echo get_template_directory_uri();?&gt;/javascript/tsblog.js"&gt;&lt;/script&gt;</code></p>
  
  <p>my javascript code is </p>
  
  <pre><code>jQuery( document ).ready(function($) {
   console.log( "ready!" );
   $("#start-reading").click(function() {
    console.log("click");
   });
  
  });
  </code></pre>
  
  <p>One simple jQuery click function. Here in the console i can see the <code>ready</code> message. but on clicking the element with id <code>start-reading</code> nothing is happening.</p>
  
  <p>Here is the markup</p>
  
  <pre><code>&lt;button id="start-reading"&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>I'm new to wordpress , is there something wordpress realted which i'm doing wrong ?
  Because this is supposed to work in non-wordpress environment.</p>