title: jQuery parse json error in valid json
body: <p>I have json inside a data attribute. It's valid in online validators like <a href="http://jsonlint.com/" rel="nofollow">http://jsonlint.com/</a>. Still it trows an error. What is wrong?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="seo" data-seo-controller='{"values":{"child_count":"0","type":"tables"},"title":{"field":"\u00e5\u00e4\u00f6 llasdas","template":"This page has {{child_count}} {{type}}!","prefix":"","suffix":" - Products","fallback":"\u00e5\u00e4\u00f6 llasdas","full":"\u00e5\u00e4\u00f6 llasdas - Products","full-replaced":"\u00e5\u00e4\u00f6 llasdas - Products"},"description":{"field":"rwerwe wer &amp;quot; &amp;#039; ewrerte fsd :&amp;#039;","fallback":"rwerwe wer &amp;quot; &amp;#039; ewrerte fsd :&amp;#039;","full":"rwerwe wer &amp;quot; &amp;#039; ewrerte fsd :&amp;#039;","full-replaced":"rwerwe wer &amp;quot; &amp;#039; ewrerte fsd :&amp;#039;","template":"","prefix":"","suffix":"","limit":155},"url":{"edit":"http:\/\/localhost\/seo\/panel\/pages\/saved-value\/url","preview":"seo\/saved-value"}}'&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$( document ).ready(function() {
     var json = $('.seo').attr('data-seo-controller');
     controller = jQuery.parseJSON( json );
     console.log(controller);
  });
  </code></pre>
  
  <p><strong>Fiddle</strong></p>
  
  <p><a href="https://jsfiddle.net/q89hph0L/" rel="nofollow">https://jsfiddle.net/q89hph0L/</a></p>
  
  <blockquote>
    <p>Uncaught SyntaxError: Unexpected token '</p>
  </blockquote>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>It seems to work if copy paste the json into a string and parse it. Updated fiddle: <a href="https://jsfiddle.net/q89hph0L/4/" rel="nofollow">https://jsfiddle.net/q89hph0L/4/</a></p>
  
  <p>So, it cannot have json as data attribute?</p>