title: How can i get my codes work exactly like i have it in jsfiddle
body: <p>Good Day all, i have been working with <a href="http://jsfiddle.net" rel="nofollow">http://jsfiddle.net</a>, the sample app i built and tested on jsfiddle is working fine and working as i want it. Now i have tried copy my codes out and run it on my local machine but its seems not working but the same exact codes are working online(jsfiddle).Here is the working version <a href="http://jsfiddle.net" rel="nofollow">http://jsfiddle.net</a>. Below is the structure of my codes locally which is not working:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en-US"&gt;
  
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;meta name="keywords" content="key, words" /&gt;
  &lt;meta name="description" content="description" /&gt;
  &lt;link rel="stylesheet" href="style.css" type="text/css" /&gt;
  &lt;link rel="alternate" title="Website Feed" href="rss.php" type="application/rss+xml" /&gt;
  &lt;link rel="icon" href="favicon.ico" type="image/x-icon" /&gt;
  &lt;title&gt;AstroSD&lt;/title&gt;
  &lt;script&gt;
  var MyCheckboxes=$("input[name='toggle']");
  
  MyCheckboxes.change(function() {
  $("#kickoff").toggle(MyCheckboxes.is(":checked"));
  $("#goal").toggle(MyCheckboxes.is(":checked"));
  $("#halfull").toggle(MyCheckboxes.is(":checked"));
  $("#halftime/fulltime").toggle(MyCheckboxes.is(":checked"));   
  });
  
  $(function(){
  $("#slideThree").change(function() {
  $('#move').toggleClass("show-hide", this.checked)
  $('#back').toggleClass("show-hide", this.checked)
  $('#goal').toggleClass("show-hide", this.checked)
  $('#halfull').toggleClass("show-hide", this.checked)
  }).change();
  })
  &lt;/script&gt;&lt;/head&gt;
  </code></pre>
  
  <p>I need help in structuring the head part using the script i have in <a href="http://jsfiddle.net/" rel="nofollow">http://jsfiddle.net/</a> so it will work accordingly. i believe am missing something here. thanks in advance.</p>