title: change div class based on data-attribute
body: <p>I have an iframe and 2 css codes, one for landscape one for portrait, but that is not for the device portrait or landscape more for the content that is loaded in the iframe ex. games that are designed in landscape mode vs games designed in portrait mode.</p>
  
  <p>I have 2 sets of css they work good if I enable them however I want to add in the same button since is 1 universal div that triggers the game popup iframe to load the iframe css accordignly to some data attribute example </p>
  
  <pre><code>&lt;a href="mygamelink" target="iframe" data="portrait"&gt;click me to play&lt;/a&gt;
  </code></pre>
  
  <p>if I click the above link iframe should load/change iframes class ... since i have css for that class</p>
  
  <pre><code>&lt;a href="mygamelink" target="iframe" data="landscape"&gt;click me to play&lt;/a&gt;
  </code></pre>
  
  <p>if I click the above link iframe should load/change iframes class ... since I have css for that class</p>
  
  <pre><code>&lt;iframe class="portrait/landscape" name="iframe"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>I know is possible with jquery I think any ideas?</p>