How to remove the li element using jQuery after page load?
<p>I have indeed searched and Googled this and have seen the remove function but all the examples I have seen are doing it in a different context. I just want the li removed that has the logout.html link. I know you cannot assign id's to li elements so how to delete a particular element on the fly?</p>

<p>Thanks</p>

<pre><code>&lt;ul data-role="listview"&gt;
                        &lt;li&gt;
                            &lt;a href="user_settings.html"&gt;
                                &lt;img src="images/info/info-settings.png" width="30" height="30" class="ui-li-icon"/&gt;
                                &lt;h2&gt;User Settings&lt;/h2&gt;
                            &lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            **&lt;a href="logout.html"&gt;
                                &lt;img src="images/info/info-logout.png" width="30" height="30" class="ui-li-icon"/&gt;
                                &lt;h2&gt;Logout&lt;/h2&gt;
                            &lt;/a&gt;**
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;a href="http://someurl.com/store?app=ok" rel="external"&gt;
                                &lt;img src="images/info/info-also-from.png" width="30" height="30" class="ui-li-icon"/&gt;
                                &lt;h2&gt;Also from Us&lt;/h2&gt;
                            &lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;a href="about_us.html"&gt;
                                &lt;img src="images/info/info-aboutUs.png" width="30" height="30" class="ui-li-icon"/&gt;
                                &lt;h2&gt;About Us&lt;/h2&gt;
                            &lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;a href="about_us.html"&gt;
                                &lt;img src="images/info/infsomeimage.png" width="30" height="30" class="ui-li-icon"/&gt;
                                &lt;h2&gt;About Us&lt;/h2&gt;
                            &lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;a href="about_legal_info.html"&gt;
                                &lt;img src="images/info/info-legalInfo.png" width="30" height="30" class="ui-li-icon"/&gt;
                                &lt;h2&gt;Legal Info&lt;/h2&gt;
                            &lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;a href="about_international_dates.html"&gt;
                                &lt;img src="images/info/info-international.png" width="30" height="30" class="ui-li-icon"/&gt;
                                &lt;h2&gt;About International Dates&lt;/h2&gt;
                            &lt;/a&gt;
                        &lt;/li&gt;
                    &lt;/ul&gt;
</code></pre>
