title: JS/jQuery code works in chrome but not IE/FF
body: <p>I've only been coding a couple of months and I'm struggling to figure out why this JS/jQuery wont run on a simple website I've been trying to create. I'm using Adobe Brackets and the live preview uses Chrome. Everything runs smoothly in Chrome, but when I open the index file with IE/FF JS/jQuery doesn't run at all. </p>
  
  <p>Code as follows:</p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"&gt;      &lt;/script&gt;
  &lt;script src="modernizr.custom.55043.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  
  function testimonialcontainer() {
      $(".testimonialcontainer #1").show("fade", 500);
      $(".testimonialcontainer #1").delay(5500).hide("slide", {direction: 'left'}, 500);
  
      var sc=$(".testimonialcontainer img").size();
      var 
      count=2;
  
  setInterval(function() {
          $(".testimonialcontainer #" + count).show("slide", {direction: 'right'}, 500);
          $(".testimonialcontainer #" + count).delay(5500).hide("slide", {direction:'left'}, 500);
  
  if(count == sc) {
      count = 1;
     } else {
  count = count + 1;
  }
  }, 6500);
  
  
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="testimonialcontainer"&gt;  
  &lt;img src="testimonials/test1.png" id="1" /&gt;
  &lt;img src="testimonials/test2.png" id="2" /&gt;
  &lt;img src="testimonials/test3.png" id="3" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.testimonialcontainer {
      width: 795px;
      height:175px;
      position: absolute;
      margin-top: 1000px;
      margin-left: 102px;
      border-top: 4px solid black;
      border-bottom: 2px dotted black;
  }
  
  .testimonialcontainer img {
      width: 756px;
      height: 155px;
      display: none;
      padding: 10px;
  }
  </code></pre>
  
  <p>Thanks in advance!</p>
  
  <p>N</p>