title: Uncaught TypeError: $(...).rotator is not a function
body: <p>I have reviewed other errors similar to this, and the answers, which each one was tailored per question.  I am stumped here, hoping someone can figure this out, 1 week building this and hopefully not stopped because of a silly character or 2.</p>
  
  <p>I get the above mentioned with the following codes:</p>
  
  <pre><code>    =======================The JS code in question====================
        /* Title Rotator */
    var options = {
        "speed": 4000, // Rotate every 4 seconds
        "transition_speed": 500, // Fade in/out has a .5 second duration
        "sub_selector": ".rotate"
    };
    jQuery.noConflict();
    $("#rotate").rotator(options);
  
    /*Firefly*/
     $.firefly({
      color: '#fff',
        minPixel: 1,
        maxPixel: 3,
        total : 45,
      on: '#firefly'
   });
  
  
  =========================The HTML===========================
  
                &lt;!doctype html&gt; 
   &lt;!-- ====================Now to make this site work with IE versions 6,7,
   and 8==================================  --&gt;  
   &lt;!--[if IE 6 ]&gt;&lt;html lang="en-us" class="ie6"&gt; &lt;![endif]--&gt; 
   &lt;!--[if IE 7 ]&gt;&lt;html lang="en-us" class="ie7"&gt; &lt;![endif]--&gt; 
   &lt;!--[if IE 8 ]&gt;&lt;html lang="en-us" class="ie8"&gt; &lt;![endif]--&gt; 
   &lt;!--[if (gt IE 7)|!(IE)]&gt;&lt;!--&gt; 
   &lt;html lang="en-US" class="no-js"&gt;
   &lt;!--&lt;![endif]--&gt;
  
             &lt;!-- ===========================================End IE coding==========================================  --     
  </code></pre>
  
  <p></p>
  
  <pre><code>          &lt;!-- ======================================Mobile Metas=============================================== --&gt; 
  
    &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;
  
    &lt;!-- ======================================Google Fonts=============================================== --&gt; 
  
    &lt;link href='http://fonts.googleapis.com/css?family=Raleway:700,400,500' rel='stylesheet' type='text/css'&gt;
  
     &lt;!-- ======================================RBrogan Modals stylesheet=================================== --&gt;
  
  
    &lt;link rel="stylesheet" type="text/css" href="css/rbrogan.code.css"&gt;
  
     &lt;!-- ======================================Normalized CSS============================================= --&gt;                
    &lt;link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"&gt;
    &lt;link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"&gt;
  
  
    &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
  
  
  
  
   &lt;!-- ========Code copied to jquery.RBrogan-modals.min.js to speed response of site====================
  
   &lt;script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"&gt;&lt;/script&gt;
  
   ======================================================================================================= --&gt;
  
  
   &lt;!-- ==========================Mix in a little RBrogan JavaScript and...=============================== --&gt;
  
    &lt;script type="text/javascript" src="js/jquery.RBrogan-modals.min.js"&gt;&lt;/script&gt;
    &lt;script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"&gt;&lt;/script&gt;
  
  
  
    &lt;!-- =====================================Let us Load the Page Now==================================== --&gt;
  </code></pre>
  
  <p>
       </p>
  
  <pre><code> &lt;body class="preload"&gt;
  
   &lt;!-- ======================================Background Slider Image====================================== --&gt;
  
    &lt;div id="kenburns-bg"&gt;&lt;/div&gt;
  
   &lt;!-- ======================================END Background Slider Image================================== --&gt;
  
   &lt;!-- ======================================Let's through down an Overlay================================ --&gt;       
  
  
  
  
    &lt;div id="firefly" class="bg-overlay"&gt;
      &lt;canvas id="star-canvas"&gt;&lt;/canvas&gt;
    &lt;/div&gt;
  
   &lt;!-- ======================================That's it, now lets End Overlay============================== --&gt;      
  
    &lt;!-- =====================================Header======================================================= --&gt; 
    &lt;header&gt;
       &lt;div class="intro"&gt;
  
       &lt;!-- ========== This is were the magic happens ========== --&gt;
      &lt;div id="popup-1" class="rbModal"&gt;
          &lt;div class="window"&gt;
  
              &lt;!--  popup content --&gt;
              &lt;iframe id="myVideo" 
                  src="http://www.youtube.com/embed/vsObnzivL1A?&amp;rel=0&amp;loop=1&amp;showinfo=0&amp;disablekb=1&amp;modestbranding=1&amp;controls=0&amp;hd=1&amp;autohide=1&amp;color=white&amp;wmode=opaque" 
                  frameborder="0"
                  allowfullscreen&gt;
              &lt;/iframe&gt;
              &lt;!-- / popup content --&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- ========== Wasn't that cool? ========== --&gt;
  
     &lt;!-- ====================================Show my Awesome Site Logo==================================== --&gt;
  
          &lt;div class="logo"&gt;&lt;img src="images/RB logo-horizantal-shadowdrop-final.png" alt="twist" /&gt;&lt;/div&gt;
  
     &lt;!-- ====================================End Site Logo and continuing on with AWESOME================= --&gt;
  
     &lt;!-- ============================Now, Let us animate some text and call it "Rotator Title"============ --&gt; 
  
          &lt;div id="rotate"&gt;
             &lt;h1 class="rotate"&gt;RAYMOND&lt;span&gt; BROGAN&lt;/span&gt;&lt;br&gt;&lt;span&gt;WEB | &lt;/span&gt; AUDIO | &lt;span&gt;VIDEO &lt;/span&gt;&lt;/h1&gt;
             &lt;h1 class="rotate"&gt;We &lt;span&gt;Envision&lt;/span&gt;. We &lt;span&gt;Design&lt;/span&gt;&lt;br&gt;We &lt;span&gt;Bring to Life&lt;/span&gt;. Your Ideas&lt;/h1&gt;
          &lt;/div&gt;
          &lt;!-- End Rotator Title --&gt;
  
          &lt;p&gt;We are Coming&lt;/p&gt;
          &lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;i class="fa fa-heart"&gt;&lt;/i&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
          &lt;p&gt;Really Soon&lt;/p&gt;
  
       &lt;/div&gt;
       &lt;!-- Nav --&gt;
       &lt;nav&gt;
          &lt;ul class="navigation"&gt;
             &lt;li class="link left middle side move"&gt;&lt;a href="#about" title="About"&gt;About&lt;/a&gt;&lt;/li&gt;
             &lt;li class="link right middle side move"&gt;&lt;a href="#contact" title="Contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
             &lt;li class="link center bottom move"&gt;&lt;a class="btn" href="#subscribe" title="Subscribe"&gt;Subscribe&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
       &lt;/nav&gt;
       &lt;!-- End Nav --&gt;
    &lt;/header&gt;
    &lt;!-- End Header --&gt;
  
    &lt;!-- About Section --&gt;
    &lt;section id="about" data-direction="from-left"&gt;
       &lt;div class="container"&gt;
          &lt;a href="#" class="close"&gt;&lt;/a&gt;
          &lt;h1&gt;
             &lt;span&gt;About Us&lt;/span&gt;
          &lt;/h1&gt;
          &lt;!-- ./End Section Title --&gt;
          &lt;div class="row text-center"&gt;
             &lt;div class="col-md-8 col-md-offset-2"&gt;
                &lt;h4&gt;Lorem ipsum dolor sit amet consectetuer dis augue interdum quis a. Pretium habitant et volutpat egestas et elit facilisi et porttitor mauris.&lt;/h4&gt;
                &lt;p&gt;Sed wisi congue egestas Vestibulum et augue mi et Vivamus Cum. Penatibus laoreet Nullam sagittis metus turpis non mus facilisi Sed justo. Libero felis tellus molestie Aliquam orci elit et pretium ac consectetuer. Vestibulum mus mollis Vestibulum augue sagittis convallis sit at nec a. Vitae Vestibulum Quisque facilisis sem Pellentesque dui quis augue amet sapien. Enim Nullam Sed tortor sem pellentesque cursus malesuada lacus eget sapien. Wisi porttitor Suspendisse.&lt;/p&gt;
             &lt;/div&gt;
          &lt;/div&gt;
       &lt;/div&gt;
    &lt;/section&gt;
    &lt;!-- End About Section --&gt;
  
    &lt;!-- Subscribe Section --&gt;
    &lt;section id="subscribe" data-direction="from-bottom"&gt;
       &lt;div class="content"&gt;
          &lt;h1&gt;
             &lt;span&gt;Subscribe&lt;/span&gt;
          &lt;/h1&gt;
          &lt;!-- ./End Section Title --&gt;
          &lt;a href="#" class="close"&gt;&lt;/a&gt;
          &lt;div class="container"&gt;
             &lt;div class="row text-center"&gt;
                &lt;div class="col-md-6 col-md-offset-3"&gt;
                   &lt;!-- Subscribe form --&gt;                
                   &lt;div class="subscribe form-wrap"&gt;
                      &lt;form action="#" method="post" id="subscribe-form"&gt;
                         &lt;p class="form-field"&gt;
                            &lt;input type="text" name="email" id="subscribe_email" placeholder="YOUR EMAIL ADDRESS"/&gt;
                         &lt;/p&gt;
                         &lt;p class="form-submit"&gt;
                            &lt;input type="submit" name="subscribe_submit" id="subscribe_submit" value="" /&gt;
                         &lt;/p&gt;
                         &lt;span id="response"&gt;&lt;/span&gt;
                      &lt;/form&gt;
                      &lt;p&gt;We will notify you, when the site will launched. We don't do any spam with your email address.&lt;/p&gt;
                   &lt;/div&gt;
                   &lt;!-- End Subscribe form--&gt;     
                   &lt;div class="social"&gt;
                      &lt;a href="#" title="Twitter"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;
                      &lt;a href="#" title="Facebook"&gt;&lt;i class="fa fa-facebook"&gt;&lt;/i&gt;&lt;/a&gt;
                      &lt;a href="#" title="Pinterest"&gt;&lt;i class="fa fa-pinterest"&gt;&lt;/i&gt;&lt;/a&gt;
                      &lt;a href="#" title="Linkedin"&gt;&lt;i class="fa fa-linkedin"&gt;&lt;/i&gt;&lt;/a&gt;
                      &lt;a href="#" title="Dribble"&gt;&lt;i class="fa fa-dribbble"&gt;&lt;/i&gt;&lt;/a&gt;
                      &lt;a href="#" title="Flickr"&gt;&lt;i class="fa fa-flickr"&gt;&lt;/i&gt;&lt;/a&gt;
                      &lt;a href="#" title="Github"&gt;&lt;i class="fa fa-github"&gt;&lt;/i&gt;&lt;/a&gt;
                   &lt;/div&gt;
                &lt;/div&gt;
             &lt;/div&gt;
          &lt;/div&gt;
       &lt;/div&gt;
    &lt;/section&gt;
    &lt;!-- End Subscribe Section --&gt;
  
    &lt;!-- Contact Section --&gt;
    &lt;section id="contact" data-direction="from-right"&gt;
       &lt;div class="container"&gt;           
          &lt;h1&gt;
             &lt;span&gt;Contact&lt;/span&gt;
          &lt;/h1&gt;
          &lt;!-- ./End Section Title --&gt;
          &lt;a href="#" class="close"&gt;&lt;/a&gt;
          &lt;div class="row"&gt;
             &lt;div class="col-md-8 col-md-offset-2"&gt;
                &lt;h4&gt;Just want to say hello? Send me an email or fill out the form below and we will get back to you ASAP.&lt;/h4&gt;
                &lt;!-- Begin Phone --&gt;
                &lt;div class="newline col-sm-4 text-center"&gt;
                   &lt;i class="fa fa-mobile fa-2x"&gt;&lt;/i&gt;
                   &lt;br&gt;
                   +1 (123) 4567890
                &lt;/div&gt;
                &lt;!-- End Phone --&gt;
                &lt;!-- Begin Email --&gt;
                &lt;div class="newline col-sm-4 text-center"&gt;
                   &lt;i class="fa fa-envelope-o fa-2x"&gt;&lt;/i&gt;
                   &lt;br&gt;
                   info@example.com
                &lt;/div&gt;
                &lt;!-- End Email --&gt;
                &lt;!-- Begin Address --&gt;
                &lt;div class="newline col-sm-4 text-center"&gt;
                   &lt;i class="fa fa-home fa-2x"&gt;&lt;/i&gt;
                   &lt;br&gt;
                   Twist Agency
                   &lt;br&gt;
                   Paltan Tower, Dhaka.
                &lt;/div&gt;
                &lt;!-- End Address --&gt;
                &lt;div class="clearfix"&gt;&lt;/div&gt;
                &lt;div class="contactForm"&gt;
                &lt;!-- Start Contact Form --&gt;  
                &lt;form id="contactForm" action="#" method="post" role="form"&gt;
  
                                  &lt;div class="col-lg-6 col-xs-12"&gt;
                                      &lt;div class="form-group"&gt;
                                          &lt;input id="formName" type="text" class="input required" name="name" placeholder="Your name"&gt;
                                      &lt;/div&gt;
                                      &lt;div class="form-group"&gt;
                                          &lt;input id="formEmail" type="email" class="input required" name="email" placeholder="Email address"&gt;
                                      &lt;/div&gt;
                                      &lt;div class="form-group"&gt;
                                          &lt;input id="phone" type="text" placeholder="Phone" value="" size="30" name="phone"&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
  
                                  &lt;div class="col-lg-6 col-xs-12"&gt;
                                      &lt;div class="form-group"&gt;
                                         &lt;textarea id="message" class="textarea required" name="message" rows="3" cols="40" placeholder="Your question"&gt;&lt;/textarea&gt;
                                      &lt;/div&gt;
                                      &lt;button value="Submit" id="submit" class="btn btn-green-border btn-lg" type="submit"&gt;Send&lt;/button&gt;
                                  &lt;/div&gt;
  
                              &lt;/form&gt;
                &lt;div class="successMsg"&gt;&lt;/div&gt;
                &lt;!-- End Contact Form --&gt;
                &lt;/div&gt;
             &lt;/div&gt;
          &lt;/div&gt;
       &lt;/div&gt;
    &lt;/section&gt;
    &lt;!-- End Contact Section --&gt;
  
    &lt;!-- Loading... --&gt;        
    &lt;div id="preload"&gt;
       &lt;div id="preload-content"&gt;
          &lt;div class="preload-bounce"&gt;                           
             &lt;span class="bounce1"&gt;
             &lt;/span&gt;                         
             &lt;span class="bounce2"&gt;
             &lt;/span&gt;                         
             &lt;span class="bounce3"&gt;
             &lt;/span&gt;                   
             &lt;span class="bounce4"&gt;
             &lt;/span&gt;                   
          &lt;/div&gt;
       &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- ==============================================
       JS
       =============================================== --&gt;            
   &lt;script type="text/javascript" src="js/modernizr.custom.js"&gt;&lt;/script&gt;     
    &lt;script type="text/javascript" src="js/jquery.min.js"&gt;&lt;/script&gt;           
    &lt;script type="text/javascript" src ="js/bootstrap.min.js"&gt;&lt;/script&gt;   
    &lt;script type="text/javascript" src="js/plugins.js"&gt;&lt;/script&gt;   
    &lt;script type="text/javascript" src="js/jquery.velocity.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/jquery.kenburnsy.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/star.js"&gt;&lt;/script&gt;  
    &lt;script type="text/javascript" src="js/init.js"&gt;&lt;/script&gt;       
  </code></pre>
  
  <p>
  </p>