title: Hover style isn't applied to copied HTML
body: <p>I want to add a node,I success,but i don't copy the hover function of the node to my application.The hover has nothing to do.and i want to run with ie8.
  this is my html:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="appendCell" style="color:green; color:red"&gt;
      &lt;button&gt;clickMe&lt;/button&gt;
  
  &lt;/div&gt;
  
  &lt;div id="addedCell" class="btnStyle" style="display:none"&gt;
          clickBtn
  &lt;/div&gt;
  </code></pre>
  
  <p>this is my css:</p>
  
  <pre class="lang-css prettyprint-override"><code>.btnStyle{
      width: 80px;
      height: 20px;
      background: orange;
  
  }
  
  .btnStyle:hover{
      cursor: pointer;
  }
  </code></pre>
  
  <p>this is my jQuery code:</p>
  
  <pre class="lang-js prettyprint-override"><code>$("#appendCell").find("button").click(function () { //当点击后触发
    $(this).before($("#addedCell").html());
  });
  </code></pre>