title: Uncaught SyntaxError: Unexpected token '-'
body: <p>I'm trying to add some attribute to an element with some jQuery, but I'm getting a syntax error Uncaught SyntaxError: Unexpected token '-'</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
            jQuery('.mit div')
             .attr({data-slick:'{"slidesToShow": 3, "slidesToScroll": 1}'
            });
  &lt;/script&gt;
  </code></pre>
  
  <p>I need to have a result as this below when working with slick slide.</p>
  
  <pre><code>&lt;div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'&gt;
  
  </code></pre>