Unbinding certain links but not all of them
<p>I am trying to unbind a link from all functions. When I do:</p>

<pre><code>$('a').unbind();
</code></pre>

<p>It works perfectly. But obviously this is not what I want - I only want one specific link to not be manipulated by any functions. So I tried selecting the specific link:</p>

<pre><code>$('.page1-&gt;index').unbind();
</code></pre>

<p>But this did not work, the function was still manipulating the link. I also tried</p>

<pre><code> $('a.page1-&gt;index').unbind();
</code></pre>

<p>But that did not work either. I feel like my second approach should work. Is there something I'm missing?</p>

<p>HTML:</p>

<pre><code>&lt;a id ="page1-&gt;index" href="#play1" data-role="button" data-icon="back" data-iconpos="notext" data-transition="fade" data-direction="reverse"&gt;&lt;/a&gt;
</code></pre>
