title: If checkbox is checked - show input field. Works in JSFiddle, not on website
body: <p>I probably have been staring at this too long and am missing something obvious, but: why is this working fine in JSFiddle and NOT when I upload it??</p>
  
  <p>The alert at the end is showing up on the test website, but the "showthis" is also visible no matter what.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Test Form Field&lt;/title&gt;
  &lt;script type="text/javascript" src="scripts/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="scripts/showfield.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;input type="checkbox" name="checkbox" id="checkbox" value="checkbox" /&gt;
  &lt;br /&gt;
  &lt;input id="showthis" name="showthis" size="50" type="text" value="text here"/&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>jQuery (I've downloaded a minified jQuery 1.11.0 , which is what's working in JSFiddle)</p>
  
  <pre><code>//hide field by default
  $('input[name="showthis"]').hide();
  
  //show it when the checkbox is clicked
  $('input[name="checkbox"]').on('click', function(){
  if ( $(this).prop('checked') ) {
      $('input[name="showthis"]').fadeIn();
  } 
  else {
      $('input[name="showthis"]').hide();
  }
  });
  
  
  // the alert is showing fine 
  alert ("hello");
  </code></pre>
  
  <p>JSFiddle <a href="http://jsfiddle.net/DLQY9/" rel="nofollow">http://jsfiddle.net/DLQY9/</a></p>