Jquery style div and add title according to div tag
<p>Hello guys i have a pretty standard div with css and i would like to append to a div that already exists with a given class. 
here is my mark up </p>

<pre><code>&lt;div id ="one" class="PortalBox"&gt;

     &lt;/div&gt;

   &lt;div class="ab_Box1d"&gt;
                &lt;div style="width:600px;"&gt;
                    &lt;%@ include file="./concur-reports/index.html"%&gt; 
                &lt;/div&gt;
    &lt;/div&gt; &lt;!--finish ab_box1d--&gt;  


&lt;/div&gt;
</code></pre>

<p>here is my jquery.</p>

<pre><code> $(document).ready(function() {
$(".PortalBox").each(function(){
    var ThisCss = $('&lt;div class="ab_Box1a" id="report1" style="width:640px; padding-top:6px;"&gt;'+   
            '&lt;div class="ab_Box1b" id="reportchild1"&gt; &lt;/div&gt;' +
                '&lt;table class="ab_Box1c" width="100%" border="0"'+
                  'cellspacing="0" cellpadding="0"&gt;'+
              '&lt;tr&gt;'+
                  '&lt;td style="text-align:left"&gt;Concur Reports&lt;/td&gt;'+
              '&lt;/tr&gt;'+
          '&lt;/table&gt;'
   +
     '&lt;/div&gt;' )
     ThisCss.insertAfter('.PortalBox');
   });
});
</code></pre>

<p>so basically I'm trying to append the markup in jquery when i stumble upon any div with class "PortalBox" however i need to make a part dynamic wich would basically be a title
this part</p>

<pre><code> '&lt;td style="text-align:left"&gt;my channel&lt;/td&gt;'+
</code></pre>

<p>need to be dynamic to pick up the title from another HTML attribute withing the div.
 can i add a "title" attribute to the div tag with a value and how do i make this possible with jquery? or java-script I'm open to any ideas so alternate solutions.
Thanks in advance.  </p>
