title: Adding JQM swipe event to listview link
body: <p>I am trying to find any examples on how to code jquery mobile swipe event. Although I understand the principal of using swipe and tap etc, I am struggling to get one to work. If someone could show me a small example of using swipe with a href or listview href I would be grateful. Thanks</p>
  
  <pre><code>&lt;p&gt;
   &lt;ul data-role="listview" data-inset="true" data-theme="c"&gt;
    &lt;li id="listitem"&gt;&lt;a href="#" data-transition="flip"&gt;Requests&lt;/a&gt;&lt;p&gt;Box requests include, Retrieval, Return, New Intake&lt;/p&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="./speakers.php" data-transition="pop"&gt;Control Panel&lt;/a&gt;&lt;p&gt;Add Departments, Change Password etc&lt;/p&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="./information.html"&gt;Information&lt;/a&gt;&lt;p&gt;System messages, announcements are shown here&lt;/p&gt;&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/p&gt;
  
  &lt;script&gt;
  
  pageCreate() {
    $("#listitem").swiperight() {
       $.mobile.changePage("requests.php");
    }
  }
  
  &lt;/script&gt;
  </code></pre>