jquery clone() function not working : i don't know but the below code is not working. it is working fine when i add td instead of p. 

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    $(document).ready(function(){
        $("button").click(function(){
            $( "th:contains('2G Band') ~ p" ).clone().appendTo("#2g");
    		 });
    });

<!-- language: lang-html -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <button>Clone element</button>

    <tr class="RowBG2">
                                                    <th rowspan="3" scope="rowgroup" style="text-align: left;vertical-align: top;" class="hdngArial specs-mainHeading bottom-border-section">Frequency</th>
                                                    <th scope="row" align="left" class="hdngArial specs-subHeading RowBG1 bottom-border">2G Band</th>
                                                    <p class="fasla RowBG1 specs-value bottom-border"><b>SIM1:</b> GSM 850 / 900 / 1800 / 1900<br><b>SIM2:</b> GSM 850 / 900 / 1800 / 1900  &nbsp;</p>                                    
                                                </tr>
    											
    											<tr class="RowBG2" style="background-color: #ebf1fa; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 16px;"><td class="hdngArial" height="25" style="font-size: 10pt; font-weight: bold;">&nbsp;2G
    &nbsp;Band&nbsp;</td><td id="2g" colspan="2"></td></tr>

<!-- end snippet -->

