title: jQuery Clone / Copy Style attributes of first td of Table to another Tables's first td
body: <p>I have 2 tables.. namely <strong><code>table-1</code></strong> and <strong><code>table-2</code></strong>...</p>
  
  <p>First <strong><code>&lt;td&gt;</code></strong> of <strong><code>table-1</code></strong> has style attribute which is setting up dynamically.</p>
  
  <p>How can I clone/copy all the style attributes from first td of <strong><code>table-1</code></strong> and apply to <strong><code>table-2</code></strong> of first td?</p>
  
  <p><a href="http://codepen.io/anon/pen/dYLBNb" rel="nofollow noreferrer">Online Demo</a></p>
  
  <p>Please refer below screenshot for the explanation...</p>
  
  <p><a href="https://i.stack.imgur.com/OLV8l.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OLV8l.jpg" alt="enter image description here"></a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;h2&gt;Table - 1&lt;/h2&gt;
  &lt;table class="table table-bordered" id="table-1"&gt;
    &lt;tr&gt;
      &lt;td style="background:#ccc;font-weight:bold;text-align:center;color:red;"&gt;T1 - R1 - Column 01&lt;/td&gt;
      &lt;td&gt;T1 - R1 - Column 02&lt;/td&gt;
      &lt;td&gt;T1 - R1 - Column 03&lt;/td&gt;
      &lt;td&gt;T1 - R1 - Column 04&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;h2&gt;Table - 2&lt;/h2&gt;
  &lt;table class="table table-bordered" id="table-2"&gt;
    &lt;tr&gt;
      &lt;td&gt;T2 - R1 - Column 01&lt;/td&gt;
      &lt;td&gt;T2 - R1 - Column 02&lt;/td&gt;
      &lt;td&gt;T2 - R1 - Column 03&lt;/td&gt;
      &lt;td&gt;T2 - R1 - Column 04&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>var x = $('#table-1 tr td:first').clone().attr('style', '');
  $('#table-2 tr td:first').attr('style', x)
  </code></pre>