title: jQuery Mobile swipe not working
body: <p>I am working on to create my own image gallery for a project. For that I need swipe event. So found the below code on jsfiddle. Inserted all the necessary files. It shows the list and all.. But still the swipe is not working.? Am I writing the jquery code in the right place? Or something wrong? Here`s my code:</p>
  
  <pre><code>    &lt;html&gt;
          &lt;head&gt;
          &lt;meta charset="utf-8" /&gt;
          &lt;title&gt;Home&lt;/title&gt;
          &lt;!-- Meta viewport tag is to adjust to all Mobile screen Resolutions--&gt;
          &lt;meta name="viewport"
              content="width=device-width, initial-scale=1, maximum-scale=1" /&gt;
  
          &lt;link rel="stylesheet" type="text/css" href="Css/style.css" /&gt;
          &lt;link rel="stylesheet" type="text/css" href="Css/Jstyle.css" /&gt;
          &lt;link rel="stylesheet" type="text/css" href="Css/jquery.mobile.theme-1.2.0.css" /&gt;
          &lt;link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" /&gt;
  
          &lt;script type="text/javascript" src="Javascript/jquery1.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="Javascript/jquery2.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="css/jq1.6.2.js"&gt;&lt;/script&gt;
  
          &lt;script type="text/javascript"&gt;
          $("#listitem").swiperight(function() {
              $.mobile.changePage("#page1");
          });
          &lt;/script&gt;  
  
          &lt;/head&gt;
          &lt;body&gt;
  
              &lt;div data-role="page" id="home"&gt; 
              &lt;div data-role="content"&gt;
  
                      &lt;ul data-role="listview" data-inset="true"&gt;
                          &lt;li id="listitem"&gt; Swipe Right to view Page 1&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div data-role="page" id="page1"&gt; 
              &lt;div data-role="content"&gt;
  
                  &lt;ul data-role="listview" data-inset="true" data-theme="c"&gt;
                      &lt;li id="listitem"&gt;Navigation&lt;/li&gt; 
  
                  &lt;/ul&gt;
  
                  &lt;p&gt;
                       Page 1
                  &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;/body&gt;
  </code></pre>