title: Using JQuery to replace text in HTML but ignoring certain HTML id's
body: <p>So I'm currently using Handlebars to grab data from a JSON file to show its data on the screen. Right now it's looking similar to this:</p>
  
  <pre><code>&lt;div class="content" id = "topic"&gt;
    {{#each topics}}
       &lt;a href="{{topic}}" id = "ignore"&gt;
           &lt;h2&gt;{{topic}}&lt;/h2&gt;
       &lt;/a&gt;
    {{/each}}
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to replace specific characters within the word topic with another one, for example if the {{topic}} was "Hi%3F" I want to replace the "%3F" part with a '?' everywhere except the part with id="ignore". The replace function I'm using right now is: </p>
  
  <pre><code>$("#topic").html($("#topic").html().replace(/%3F/g,'?'));
  </code></pre>
  
  <p>this manages to replace everything so far, but I'm not sure how to get it to ignore the tags with the id="ignore". There's probably an easier way to make the link portion work like its supposed to but this is what I have gotten now and I don't want to mess around or change too much.</p>
  
  <p>Thanks!</p>