title: Mustache Js: Uncaught Error: Syntax error, unrecognized expression
body: <ol>
  <li>This is my template</li>
  </ol>
  
  <hr>
  
  <pre><code>&lt;script id="template" type="text/html"&gt;
      {{#displayprd}}  
      &lt;div class="w-dyn-item w-col w-col-4 re-thumb" &gt;
      &lt;a class="w-inline-block re-thumb-items modal-link"&gt;
      &lt;div class="reward-image thumb"&gt;&lt;img class="re-thumb-image"&gt;
      &lt;/div&gt;
      &lt;div class="r-item-name"&gt;{{product_name}}&lt;/div&gt;
      &lt;div class="r-points thumb"&gt;ddd&lt;/div&gt;
      &lt;/a&gt;
      &lt;/div&gt;
      {{/displayprd}}
      &lt;/script&gt;
  </code></pre>
  
  <ol start="2">
  <li>Templating rendering part</li>
  </ol>
  
  <hr>
  
  <pre><code>var template = Mustache.compile($.trim($("#template").html()));
    var view = function(movies){
      return template(movies);
    };
  </code></pre>
  
  <ol start="3">
  <li>While looping with mustache below I am getting the following error, what does it mean and how do I solve it !?!?! </li>
  </ol>
  
  <hr>
  
  <pre><code>Uncaught Error: Syntax error, unrecognized expression: &lt;div class="w-dyn-item w-col w-col-4 re-thumb" &gt;
                    &lt;a class="w-inline-block re-thumb-items modal-link"&gt;
                      &lt;div class="reward-image thumb"&gt;&lt;img class="re-thumb-image"&gt;
                      &lt;/div&gt;
                      &lt;div class="r-item-name"&gt;2KG BLACK FOREST CAKE&lt;/div&gt;
                      &lt;div class="r-points thumb"&gt;&lt;/div&gt;
                    &lt;/a&gt;
                  &lt;/div&gt;
  </code></pre>