Targeting inline style with jquery not working
<p>Here is the output HTML:</p>

<pre><code>&lt;ol id="aw-ln-filter-1-options" style="overflow: hidden; height: 250px;"&gt;
  &lt;li style="padding-left:0px"&gt;
  &lt;/li&gt;
  &lt;li style="padding-left:10px"&gt;
  &lt;/li&gt;
  &lt;li style="padding-left:20px"&gt;
  &lt;/li&gt;
  &lt;li style="padding-left:10px"&gt;
  &lt;/li&gt;
  &lt;li style="padding-left:10px"&gt;
  &lt;/li&gt;
&lt;/ol&gt;
</code></pre>

<p>My jQuery:</p>

<pre><code>jQuery(function ($) {

if ($('#aw-ln-filter-1-options li').css('padding-left') == '20px')
    {
       $(body).hide();
    }
});
</code></pre>

<p>I'm just using body hide as a test. What am I doing wrong here?</p>