title: Uncaught TypeError: $.backstretch is not a function
body: <p>I want to add <code>backstretch</code> in my code.<br>
  This is the script:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script&gt;
      // To attach Backstrech as the body's background 
      jquery.backstretch("/form-3/assets/img/backgrounds/1.jpg");
  
      // You may also attach Backstretch to a block-level element 
      jquery.(".foo").backstretch("/form-3/assets/img/backgrounds/1.jpg");
  
      // If your element defines a background image with CSS, you can omit the argement altogether 
      //$(".foo").backstretch();
  
      // Or, to start a slideshow, just pass in an array of images 
      jquery.(".foo").backstretch([
          "/form-3/assets/img/backgrounds/1.jpg",
          "/form-3/assets/img/backgrounds/2.jpg",
          "/form-3/assets/img/backgrounds/1@2x.jpg"    
      ], {duration: 4000});
  
  &lt;/script&gt; 
  
  //I have included the scripts here
  &lt;script src="/form-3/assets/js/jquery-1.11.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="/form-3/assets/js/jquery-1.11.1.js"&gt;&lt;/script&gt;
  &lt;script src="/form-3/assets/bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="/form-3/assets/js/jquery.backstretch.min.js"&gt;&lt;/script&gt;
  
  &lt;script src="/form-3/assets/js/jquery.backstretch.js"&gt;&lt;/script&gt;
  &lt;script src="/form-3/assets/js/scripts.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"&gt; &lt;/script&gt;
  </code></pre>
  
  <p>I want to dynamically change the images as we open this html page. But It is saying</p>
  
  <blockquote>
    <p><code>Uncaught type error. $backstretch is not a function.</code></p>
  </blockquote>
  
  <p>How can we include it? Or are there any other ways to change the pictures dynamically?</p>