title: jQuery Mobile Swipe Event inside containers
body: <p>I am unable to get a jQuery mobile swipe event to work inside a collapsible set.  I am able to get it to work if I use it outside of the collapsible set.  Test that works:</p>
  
  <pre><code>&lt;div id="listitem"&gt; swipe me &lt;/div&gt;
  </code></pre>
  
  <p>What I want to work:</p>
  
  <pre><code>   &lt;div data-role="collapsible-set" data-mini="true" data-theme=
                "c" data-content-theme="d"&gt;
                  &lt;div data-role="collapsible" data-theme="a"&gt;
                    &lt;div&gt;
                      &lt;h4&gt;
                        Conduct Training
                      &lt;/h4&gt;
                    &lt;/div&gt;
                    &lt;div id="listitem"&gt;
                      &lt;p&gt;
                        &lt;a href="/PlaybookRequest/FileRequest/2014658414/"
                        rel="external" data-ajax="false"&gt;link&lt;/a&gt;
                      &lt;/p&gt;
                    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Both are using this javascript on my layout page:</p>
  
  <pre><code> &lt;script type='text/javascript'&gt;
      $(window).load(function () {
          $("#listitem").swiperight(function () {
              console.log("worked");
          });
      });  
  &lt;/script&gt;
  </code></pre>
  
  <p>For those curious: I want to be able to have the user click the link to view something and swipe the link for a direct download.</p>