title: Change a <div id=""> to <div data-layout=""> using Jquery?
body: <p>So I am building a tumblr template, and I am using stylehatch's Photoset-grid plugin. The plugin works, and in the custom html section I can make a fully functional grid.</p>
  
  <p>The problem is, whenever I make a new tumblr post and edit the posts html to include the "data-layout" portion of the div, tumblr erases it. (Tumblr posts can only contain custom classes and id's in div's, apparently)</p>
  
  <p>The markup I need is this:</p>
  
  <pre><code>&lt;div class="photoset-grid" data-layout="132"&gt;
  </code></pre>
  
  <p>But tumblr erases the data-layout part when I save the post, so i get this:</p>
  
  <pre><code>&lt;div class="photoset-grid"&gt;
  </code></pre>
  
  <p>My question is this: Can I use jquery to substitute a div id for a data layout?</p>
  
  <p>So If I write this:</p>
  
  <pre><code>&lt;div class="photoset-grid" id="132"&gt;
  </code></pre>
  
  <p>Can jquery change it to this, before the plugin loads so it works correctly?</p>
  
  <pre><code>&lt;div class="photoset-grid" data-layout="132"&gt;
  </code></pre>