title: How can I edit a css rule in jQuery?
body: <p>The purpose is that rows are dynamically added to a table and it is not as nice (and slower) to apply the rule manually later.</p>
  
  <p>The specific example is that I am creating a tree table to represent a folder directory. Each folder is a <code>div</code>. In each <code>div</code>, there is a <code>ul</code> with an <code>li</code> for each columns' information. These <code>li</code> have a class name equivalent to the column name. This provides column width. I want to make the columns resizable however. I could do <code>$('.className').css('width', newWidth)</code> but then this wont apply to newly inserted items. Therefore, I want to modify the css rule. How do I do this?</p>