Wrapping <li> list in a Div indepenedntly

by Akram kamal

HTML

<ul>
    <li>XRP 1
        <ul>
            <li>Company Maintenance</li>
            <li>Employees
                <ul>
                    <li>Reports
                        <ul>
                            <li>Report1</li>
                            <li>Report2</li>
                            <li>Report3</li>
                        </ul>
                    </li>
                    <li>Employee Maint.</li>
                </ul>
            </li>
            <li>Human Resources</li>
        </ul>
    </li>
    <li>XRP 2</li>
    <li>XRP 3</li>

</ul>

CSS

.new{
 border:1px solid #ccc; 
 margin:5px; 
}

JavaScript

$( "li:not(:has('ul'))" ).wrap( "<div class='new'></div>" );