title: jquery element is not a function
body: <p>Hi I have followed the example to get this carousel working <a href="http://kenwheeler.github.io/slick/" rel="nofollow">carousel link</a></p>
  
  <p>It works fine in Internet Explorer however when I run it in firefox I get the error TypeError: $(...).slick is not a function</p>
  
  <p>I keep looking and can't see any differences in my code to the example and can't understand how it would work in IE and not firefox</p>
  
  <p>
          
          
          </p>
  
  <pre><code>    &lt;link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'&gt;
  
      &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
  
      &lt;link rel="stylesheet" type="text/css" media="all" href="fancybox/jquery.fancybox.css"&gt;
      &lt;script type="text/javascript" src="fancybox/jquery.fancybox.js?v=2.0.6"&gt;&lt;/script&gt;
  
      &lt;script src="js/jquery.flow.1.2.auto.js" type="text/javascript"&gt;&lt;/script&gt;  
  
      &lt;link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.0/slick.css"/&gt;
      &lt;script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.0/slick.min.js"&gt;&lt;/script&gt;
  
  &lt;div class="carousel"&gt;
      &lt;div&gt;&lt;img src="img/carousel/1.jpg" /&gt;&lt;/div&gt;
      &lt;div&gt;&lt;img src="img/carousel/2.jpg" /&gt;&lt;/div&gt;
      &lt;div&gt;&lt;img src="img/carousel/coutout2.jpg" /&gt;&lt;/div&gt;
      &lt;div&gt;&lt;img src="img/carousel/cutout.jpg" /&gt;&lt;/div&gt;
      &lt;div&gt;&lt;img src="img/carousel/cutout1.jpg" /&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  
   &lt;script type="text/javascript"&gt;
  
               $(document).ready(function() {
  
                  $(".modalbox").fancybox();
  
                  $('.carousel').slick({
                      slidesToShow: 1,
                      slidesToScroll: 1,
                      autoplay: true,
                      autoplaySpeed: 450,
                      adaptiveHeight: true
                      });
  
                  $("#Logo").show();
  
  
      $("#contact").submit(function() { return false; });
  
                  //send email
      $("#send").on("click", function(){
          var emailval  = $("#email").val();
          var msgval    = $("#message").val();
          var msglen    = msgval.length;
          var mailvalid = validateEmail(emailval);
  
                      //
          if(mailvalid == false) {
              $("#email").addClass("error");
          }
          else if(mailvalid == true){
              $("#email").removeClass("error");
          }
  
          if(msglen &lt; 4) {
              $("#msg").addClass("error");
          }
          else if(msglen &gt;= 4){
              $("#msg").removeClass("error");
          }
          //
  
                       mailvalid == true
  
      if(mailvalid == true     &amp;&amp; msglen &gt;= 4) {
              $("#send").replaceWith("&lt;em&gt;sending...&lt;/em&gt;");
  
              $.ajax({
                                      type: 'POST',
                  url: 'contact_form/contact.php',
                  data: $("#contact").serialize(),
                  success: function(data) {
                      if(data == "true") {
                          $("#contact").fadeOut("fast", function(){
                              $(this).before("&lt;p&gt;&lt;strong&gt;Success! Your feedback has been sent, thanks :)&lt;/strong&gt;&lt;/p&gt;");
                              setTimeout("$.fancybox.close()", 1000);
                          });
                      }
                  }
              });
          }
      });
  
  
              //validate email
              function validateEmail(email) { 
      var reg = /^(([^&lt;&gt;()[\]\\.,;:\s@\"]+(\.[^&lt;&gt;()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
      return reg.test(email);
  }
          }); 
  </code></pre>