title: add div , class and style with jquery on fly?
body: <p>Here is my code (jquery)</p>
  
  <pre><code>var my_css_class = "{  position: absolute; top: 1400px;left: 40%;background-color: Menu;border: #f9f9f9;height: 200px;width: 300px; }";
  this.popOut = function(msgtxt) {
  
        //filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
          this.overdiv = document.createElement("div");
          this.overdiv.className = "overdiv";
          /* I want to add style into class square?*/
          this.square = document.createElement("div");
          this.square.className = "square";        
           $('.square').css(my_css_class);/*&lt;----*/
          this.square.Code = this;
  
          var msg = document.createElement("div");
          msg.className = "msg";
          msg.innerHTML = msgtxt;
          this.square.appendChild(msg);
          var closebtn = document.createElement("button");
          closebtn.onclick = function() {
              this.parentNode.Code.popIn();
          }
          closebtn.innerHTML = "Close";
          this.square.appendChild(closebtn);
  
          document.body.appendChild(this.overdiv);
          document.body.appendChild(this.square);
      }
  </code></pre>
  
  <p>I want to add style into class square?</p>
  
  <pre><code>             div.square { 
                   position: absolute;
                   top: 1400px;
                   left: 40%;
                   background-color: Menu;
                   border: #f9f9f9;
                   height: 200px;
                   width: 300px; 
                  }
  </code></pre>
  
  <p>How can I do this?</p>
  
  <p>Thanks</p>