title: Jquery style div and add title according to div tag
body: <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>