title: HTML5 Data-block JSON
body: <p>Okay so this code: </p>
  
  <pre><code>&lt;div class="summary-block" data-block-json="{"pageSize":4,"acceptTypes":["gallery","blog","projects","calendar"]}"&gt;
  </code></pre>
  
  <p>I'm trying to use some jQuery to accomplish something like this:</p>
  
  <pre><code>$(".summary-block").data('block', 'pageSize').each(function() {
  
    $('.summary-item').wrap('&lt;div class="col sqs-col-3 span-3"&gt;&lt;/div&gt;');
    $('.col &gt; .summary-item').wrap('&lt;div class="newSummary"&gt;&lt;/div&gt;');
  
  });
  </code></pre>
  
  <p>Now the code works 100%, but not 100% in terms of what I'm trying to ask it. How can I make it so its like: </p>
  
  <pre><code>$(".summary-block").data('block', 'pageSize':4).each(function() {
  
    $('.summary-item').wrap('&lt;div class="col sqs-col-3 span-3"&gt;&lt;/div&gt;');
    $('.col &gt; .summary-item').wrap('&lt;div class="newSummary"&gt;&lt;/div&gt;');
  
  });
  </code></pre>
  
  <p>Notice the :4 this must be included somehow in my code. Please help. Thanks!</p>