title: JQuery code to rename a div
body: <p>Is there any method to rename a div element. I have a div with id fm<code>_</code>form<code>_</code>container,which lists a set of forms. If I click a link in a tab,for eg, My Forms, I want the name of this fm<code>_</code>form<code>_</code>container to change as tab<code>_</code>content<code>_</code>container. That is, all my forms should come inside the div, tab<code>_</code>content<code>_</code>container. </p>
  
  <p>Is there any method to rename a div,like append and addClass? </p>
  
  <p><strong>EDIT</strong></p>
  
  <p>These are the css for the div id "fm<code>_</code>myforms<code>_</code>container and tab<code>_</code>content<code>_</code>container. </p>
  
  <pre><code>.tab_content_container
   {
      width:100%;
      background-color:#FFFFE1;
      border:1px #EEEEEE solid;
   }
  
   #fm_myforms_container
   {
      width:100%;
      background-color:#FFF;
      border:1px #EEEEEE solid;
   }
  </code></pre>
  
  <p>If I give,</p>
  
  <pre><code>$('#myForms').click(function(){
  
      //$("#fm_myforms_container").attr("id", "tab_content_container");
  
      $("#fm_myforms_container").addClass("tab_content_container");
  
      viewAllMyForms();  
  
  });
  </code></pre>
  
  <p>the CSS for tab<code>_</code>content<code>_</code>container does not get applied.</p>