title: Find element by its children attribute value in Jquery
body: <p>I have the below html structure:</p>
  
  <pre><code>&lt;ul class="dpt1 yui-dt-ul ui-sortable"&gt;
        &lt;li class="dpt1 yui-dt-first dpt1 yui-dt-even"&gt;
            &lt;input class="sort" type="hidden" data-sort="1" data-rule-id="8337" data-ruletype="2" data-dpt="1" data-cid="1511"/&gt;
            &lt;a class="CSSprite btn16 ed etib" title="Edit rule" href="#" data-ruletype="2" data-dpt="1" data-cid="1511" data-rule-id="8337"&gt;Edit rule&lt;/a&gt;
            &lt;a class="CSSprite btn16 nuke etib" title="Delete rule" href="#" data-ruletype="2" data-dpt="1" data-cid="1511" data-rule-id="8337"&gt;Delete rule&lt;/a&gt;
            Price New 2010 Dodge Avenger cars at List Price - $300 (Discount: -300) Sort Order:
            &lt;input class="sorttextbox" type="text" maxlength="5" data-sort="1" data-rule-      id="8337" data-ruletype="2" data-dpt="1" data-cid="1511" value="1"/&gt;
        &lt;/li&gt;
  
        &lt;li class="dpt1 yui-dt-odd WarnMsg"&gt;
            &lt;input class="sort" type="hidden" data-sort="2" data-rule-id="9100" data-ruletype="2" data-dpt="1" data-cid="1511"/&gt;
            &lt;a class="CSSprite btn16 ed etib" title="Edit rule" href="#" data-ruletype="2" data-dpt="1" data-cid="1511" data-rule-id="9100"&gt;Edit rule&lt;/a&gt;
            &lt;a class="CSSprite btn16 nuke etib" title="Delete rule" href="#" data-ruletype="2" data-dpt="1" data-cid="1511" data-rule-id="9100"&gt;Delete rule&lt;/a&gt;
            Price New 2008 zzTEST Grand Caravan C/V Gas V6 3.3L/202 cars at List Price Sort Order:
            &lt;input class="sorttextbox" type="text" maxlength="5" data-sort="2" data-rule-      id="9100" data-ruletype="2" data-dpt="1" data-cid="1511" value="2"/&gt;
        &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>can some body advise how can I get the li element by its children input tag data-sort value?</p>