Another object on this page already uses ID 'XXXXXXX' <p>Not related to: <a href=http://stackoverflow.com/questions/4626982/another-object-on-this-page-already-uses-id-xxxxxxx">Another object on this page already uses ID &#39;XXXXXXX&#39;</a></p> <p>I've got a jQuery Multiselect <code>Listbox</code> control on my page:</p> <pre><code>jQuery(document).ready(function () { jQuery(function () { jQuery("#UCStyle1 select").multiselect({ header: true, height: 175, minWidth: 240, size: 3, classes: '', checkAllText: 'Check all', uncheckAllText: 'Uncheck all', noneSelectedText: '0 Selected', selectedText: '# selected', selectedList: 0, show: null, hide: null, autoOpen: false, multiple: true, position: {}, appendTo: "body" }); }); </code></pre> <p>It's referenced a bunch of times in div tags like this:</p> <pre><code>&lt;tr&gt; &lt;td&gt; Looking for: &lt;/td&gt; &lt;td colspan="3"&gt; &lt;div id="UCStyle1"&gt; &lt;asp:ListBox ID="MatchGender" SelectionMode="Multiple" runat="server"&gt; &lt;/asp:ListBox&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; State: &lt;/td&gt; &lt;td colspan="3"&gt; &lt;div id="UCStyle1"&gt; &lt;asp:ListBox ID="sState" SelectionMode="Multiple" runat="server"&gt; &lt;/asp:ListBox&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; </code></pre> <p>So, they need to reference that jQuery, but they're different controls.</p> <p>I'm getting the warning: </p> <blockquote> <p>Another object on this page already uses ID 'ucstyle1'</p> </blockquote> <p>Multiple times.</p> <p>Any idea how I can clean this up so that I don't get that warning? I think it's causing the page to look completely wonky on IE, but Firefox doesn't seem to care about it.</p>