Give a parent li a background image?
<p>what im trying to do is give the parent li of a ul a background image.</p>

<p>so i have a submenu within a menu.</p>

<p>this is the jquery i am attempting..</p>

<pre><code>$('li.on').closest('ul').parent('li').css({ backgroundImage: 'url(/content/images/point.png)', backgroundRepeat: 'no-repeat' }); ;  
</code></pre>

<p>i think im going wrong at the parent bit?</p>

<p>this is the menu...</p>

<pre><code>&lt;div class="sideMenu2"&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href&gt;retail&lt;/a&gt;
           &lt;ul class="subsideMenu2"&gt;
                &lt;li &gt;&lt;a href="/portfolio/5/0"&gt;cabot circus&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="/portfolio/6/0"&gt;st. stephen&amp;#39;s&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="/portfolio/7/0"&gt;silverburn&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="/portfolio/8/0"&gt;the elements&lt;/a&gt;&lt;/li&gt;
           &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;a href&gt;sports &amp;amp; leisure&lt;/a&gt;
           &lt;ul class="subsideMenu2"&gt;
                 &lt;li class= "on"&gt;&lt;a href="/portfolio/19/0"&gt;test&lt;/a&gt;&lt;/li&gt;
           &lt;/ul&gt;
        &lt;/li&gt;
   &lt;/ul&gt;  
</code></pre>

<p></p>

<p>so if i click on test, sports and leisure should get the background, but currently retail is. </p>
