finding a div parent element with a certain property
<p>When my slider moves I have to catch the id of the div containing data-role="page" </p>

<pre><code>&lt;div data-role="page" data-theme="a" id="buttons"&gt; 
   &lt;div data-role="content"&gt; 
    &lt;label for="slider1"&gt;Slider 1&lt;/label&gt;
    &lt;input type="range" name="slider1" id="slider1" value="0" min="0" max="100"  /&gt; 
   &lt;/div&gt; 
&lt;/div&gt; 
</code></pre>

<p>And then when the slider event triggers I execute this:   </p>

<pre><code>console.log($(this).find("div").filter('[data-role=page]').attr("id")); 
</code></pre>

<p>but doesn't work. Any ideas? Thanks in advance! </p>
