Uncaught Error: Syntax error, unsupported pseudo
<p>I am trying to fix a bug in my code which is very weird. I have the following code that creates an HTML. It calls a <code>RemoveCompareOffer()</code> function upon clicking a div. This function works fine for all types of <code>id</code> except for one id which is <code>ADSL2:Bundles</code></p>

<p>Function that creates HTML:</p>

<pre><code>function AddCompareOfferInCompareBox()
{
    $('.SelectedOffer').each(function () {
        innerHtml = innerHtml + '&lt;div class="compare-box"&gt; &lt;div class="compare-close"&gt;&lt;span class="closed" onclick="RemoveCompareOffer(\''+ $(this).attr("id") + '\')"&gt;&lt;i class="fa fa-times"&gt;&lt;/i&gt;&lt;/span&gt;&lt;/div&gt;'
             + '&lt;div class="compare-logo"&gt;&lt;img src="' + $(this).attr("imagelink") + '" /&gt;&lt;/div&gt;&lt;p&gt;' + $(this).attr("offername") + '&lt;/p&gt;'
             + '&lt;input type="button" value="View Details" class="viewbtn" onclick="CallOfferRenderAction(\'' + $(this).attr("offercode") + '\',\'' + $(this).attr("providercode") + '\')" /&gt;&lt;/div&gt;';
    });

    $(".AddCompareOfferByMe").html(innerHtml);
}
</code></pre>

<p>On this Function when it is called like this <code>RemoveCompareOffer('ADSL2:Bundles')</code></p>

<pre><code>function RemoveCompareOffer(id) {
    $('#' + id + '.SelectedOffer').removeClass("SelectedOffer").addClass("NotSelected").attr('checked', false);
    AddCompareOfferInCompareBox();
    SetCompareBoxsState();
}
</code></pre>

<p>It Throws error:</p>

<blockquote>
  <p>jquery-1.11.3.min.js:3 Uncaught Error: Syntax error, unrecognized
  expression: unsupported pseudo: Bundles</p>
</blockquote>

<p>What could be the reason?</p>