How to solve Javascript console error browserLink:37 Uncaught Error: Syntax error, unrecognized expression: input#checkbox{$index}?
<p>I am trying to assign unique <code>IDs</code> to an <code>input</code> tag in html and I am using <code>AngularJS</code> so basically I am using <code>ng-repeat</code> to generate the <code>input</code> tags but its giving me <code>error</code> in <code>console</code> </p>

<pre><code>browserLink:37 Uncaught Error: Syntax error, unrecognized expression: input#checkbox{$index}
</code></pre>

<p>Here is my code</p>

<pre><code>&lt;div class="chip" data-ng-repeat="item in DeletedKeyphrases track by $index"&gt;
    &lt;label&gt;&lt;/label&gt;
    &lt;input type="checkbox" id="checkbox{{$index}}" data-ng-model="item.restorekeyselected" data-ng-click="storecheckedkeyphrase(item)"/&gt;&lt;label for="checkbox{{$index}}" style="margin-right: 10px;"&gt;&lt;span&gt;&amp;#x2714;&lt;/span&gt;&lt;/label&gt;
</code></pre>

<p>  </p>

<p>What should I do?</p>