How to hide dynamic content using jQuery/javascript?
<p>I'm currently using a service for autocompleting my search boxes. However, for all the autocompleted results that show up, there's always a <code>&lt;div&gt;</code> ad on the bottom following the <code>&lt;li&gt;</code>s. Something like this:</p>

<pre><code>&lt;ul&gt;
&lt;li class="menu-item""&gt;&lt;/li&gt;
&lt;li class="menu-item""&gt;&lt;/li&gt;
&lt;li class="menu-item""&gt;&lt;/li&gt;
&lt;div style="text-align:center;border-top:1px solid black;"&gt;&lt;/div&gt;
&lt;a href="http://www.ad.com" target="_blank"&gt;ad&lt;/a&gt;
&lt;/ul&gt;
</code></pre>

<p>However, this is loaded dynamically using JS so I don't know how I would write jQuery to <code>hide()</code> it. Is there a way I could dynamically hide it when someone does a search?</p>
