title: Displaying data from data text attribute
body: <p>I am trying to display a text below the cube. The code works fine when I work alone in the fiddle,
  but it does not work when I put it in my project.
  Can you tell me how to display the <code>data-text=&quot;Cube1&quot;</code> value?</p>
  <p>Working code <a href="http://jsfiddle.net/PKwDp/4/" rel="nofollow noreferrer">http://jsfiddle.net/PKwDp/4/</a></p>
  <p>Not working code <a href="http://jsfiddle.net/rajkumart08/EDKkg/1/" rel="nofollow noreferrer">http://jsfiddle.net/rajkumart08/EDKkg/1/</a></p>
  <pre><code>  $('document').ready(function () {
              window.setTimeout(function () {
                  $('.cubeCell').each(function () {
                      var htmlText = $(this).attr('data-text');
                      $(this).append('&lt;div class=&quot;cubeTextStyle&quot;&gt;'+htmlText+'&lt;/div&gt;');
                  });
              }, 600);
              
          });
  
  
  &lt;div  data-text=&quot;Cube1&quot; data-caption=&quot;&amp;lt;a style='margin-left: 92px; font-size: 18px; color: grey;' href='http://www.w3schools.com/' &amp;gt;Create&amp;lt;/a&amp;gt; &amp;lt;div&amp;gt; &amp;lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &amp;gt;View/Edit&amp;lt;/a&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &amp;gt;Labels&amp;lt;/a&amp;gt;&quot; data-image=&quot;http://www.defie.co/designerImages/inventoryControl.png&quot;&gt;testing&lt;/div&gt;
  </code></pre>