title: .sliderImage object has no method apply
body: <p>i am using jquery 1.7.2 in my image slider code and i am getting following error in my console,i dont understand why ???</p>
  
  <p><strong>HTML code:</strong></p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8" /&gt;
          &lt;title&gt;iSlider&lt;/title&gt;
          &lt;meta name="robots" content="index, follow, noarchive" /&gt;
  
          &lt;!-- CSS  --&gt;
          &lt;link rel="stylesheet" href="css/style.css" type="text/css" /&gt; 
          &lt;link rel="stylesheet" href="css/iSlider.css" type="text/css" /&gt;
  
          &lt;!-- JS  --&gt;
          &lt;script type="text/javascript" src="js/jquery-1.7.2.min.js"&gt;&lt;/script&gt;
          &lt;!--    &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt; --&gt;
          &lt;script type="text/javascript" src="js/jquery.ui.touch-punch.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="js/jquery-css-transform.js"&gt;&lt;/script&gt;   
          &lt;script type="text/javascript" src="js/rotate3Di.js"&gt;&lt;/script&gt;
  
          &lt;script type="text/javascript"&gt;
  
              var imgFront=new Array();
              var n=0;
              var backimg=new Array();
              var frontimg=new Array();
              var imgArr = new Array();
              var bgImg = new Array();
              var arrBackImg = new Array();
              var  frontText = new Array();
              var backText  =new Array();
              var eventChk="";
              var i = 1;
              var ua = navigator.userAgent; 
              var clickEvent = (ua.match(/iPad/i)) ? 'touchstart' : 'click';
              var isTouchSupported = "ontouchend" in document
  
              $(document).ready(function () {
                  $('#myImageFlow').on('click touchstart',".sliderImage",  touchStart());
              });
          &lt;/script&gt;
  
      &lt;/head&gt;
      &lt;body style="background-image:url('img/Mesh2.png');background-repeat:no-repeat; background-size: cover; width:'100%'"&gt;
          &lt;h1&gt;iSlider&lt;/h1&gt;
  
          &lt;!-- This is all the XHTML ImageFlow needs --&gt;
          &lt;div id="myImageFlow" class="imageflow"&gt;
  
              &lt;div id="id1" alt='div1' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img1.jpg'); border:solid; border-color: black;"&gt;You've styled the div to have a set width of 100px. At a reasonable font size, that's too much text to fit in 100px. Without doing anything, &lt;/div&gt;
              &lt;div id="id2" alt='div2' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img2.jpg'); border:solid; border-color: black;"&gt;this is 2&lt;/div&gt;
              &lt;div id="id3" alt='div3' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img3.jpg'); border:solid; border-color: black;"&gt;this is 3&lt;/div&gt;
              &lt;div id="id4" alt='div4' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img4.jpg'); border:solid; border-color: black;"&gt;this is 4&lt;/div&gt;
              &lt;div id="id5" alt='div5' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden; background-image:url('img/img5.jpg'); border:solid; border-color: black;"&gt;this is 5&lt;/div&gt;
              &lt;div id="id6" alt='div6' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img6.jpg'); border:solid; border-color: black;"&gt; this is 6&lt;/div&gt;
              &lt;div id="id7" alt='div7' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img7.jpg'); border:solid; border-color: black;"&gt; this is 7&lt;/div&gt;
              &lt;div id="id8" alt='div8' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img8.jpg'); border:solid; border-color: black;"&gt;this is 8&lt;/div&gt;
              &lt;div id="id9" alt='div9' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img9.jpg'); border:solid; border-color: black;"&gt; this is 9&lt;/div&gt; 
              &lt;div id="id10" alt='div10' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img10.jpg'); border:solid; border-color: black;"&gt;this is 10&lt;/div&gt;
              &lt;div id="id11" alt='div11' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img11.jpg'); border:solid; border-color: black;"&gt;this is 11&lt;/div&gt;
              &lt;div id="id12" alt='div12' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img12.jpg'); border:solid; border-color: black;"&gt;this is 12&lt;/div&gt;
              &lt;div id="id13" alt='div13' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img13.jpg');border:solid; border-color: black;"&gt;this is 13&lt;/div&gt;
              &lt;div id="id14" alt='div14' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img12.jpg'); border:solid; border-color: black;"&gt;this is 14&lt;/div&gt;
              &lt;div id="id15" alt='div15' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img6.jpg'); border:solid; border-color: black;"&gt; this is 15&lt;/div&gt;
              &lt;div id="id16" alt='div16' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img7.jpg'); border:solid; border-color: black;"&gt; this is 16&lt;/div&gt;
  
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Uncaught TypeError: Object .sliderImage has no method 'apply'</p>