jquery click an img hide an LI
<p>i have something similar to the following... used a python script to JSON to populate.</p>

<pre><code>&lt;ul&gt;
&lt;li id="p1" class="x"&gt;val1 &lt;img id="ip1" class="redx" src="redx.gif"/&gt;&lt;/li&gt;
&lt;li id="p2" class="x"&gt;val2 &lt;img id="ip2" class="redx" src="redx.gif"/&gt;&lt;/li&gt;
&lt;li id="p3" class="x"&gt;val3 &lt;img id="ip3" class="redx" src="redx.gif"/&gt;&lt;/li&gt;
&lt;li id="p4" class="x"&gt;val4 &lt;img id="ip4" class="redx" src="redx.gif"/&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I'd like some jquery to... when click the red x image.. to hide the whole LI cell it is in.</p>

<p>I have tried a few things but ... to no avail.</p>

<p>EDIT: <b>All in all</b>.. this doesnt seem to trigger    ... this seems like a fundamental issue.</p>

<pre><code>$(function(){
    function removeli() {
      alert("got here" + this.id);
    }
    $("redx").click(removeli);
});
</code></pre>

<p>Any ideas on the final jquery code to accomplish this?</p>
