[Rorbi]

Здравствуйте. подскажите пожалуйста.
имеется меню вот такого вида

<ul class="leftMenu collapsible">
	<li class="cat=1">
		<a class="" href="#">Категория1/1</a>
		<ul class="leftMenuInside">
			<li class="cat=1"><a href="ссылка">СерПол1/1 name</a></li>
			<li class="cat=2"><a href="ссылка2">СерПол1/2 name</a></li>
		</ul>
	</li>
	<li class="cat=2">
		<a class="" href="#">Категория1/2</a>
		<ul class="leftMenuInside">
			<li class="cat=1"><a href="ссылка">СерПол1/1 name</a></li>
			<li class="cat=2"><a href="ссылка2">СерПол1/2 name</a></li>
		</ul>
	</li>
</ul>

Подскажите как с помощью javascript чистого или jQuery
сделать так что бы оно стало вот такого вида

<ul class="leftMenu collapsible">
	<li class="cat=1">
		<a class="" href="#">Категория1/1</a>
		<ul class="leftMenuInside">
			<li class="cat=1"><a href="ссылка">СерПол1/1 name</a></li>
		</ul>
	</li>
	<li class="cat=2">
		<a class="" href="#">Категория1/2</a>
		<ul class="leftMenuInside">
			<li class="cat=2"><a href="ссылка2">СерПол1/2 name</a></li>
		</ul>
	</li>
</ul>

То есть <li class="cat=1"> имел внутри себя только элементы с классом class="cat=1" (<li class="cat=1"><a href="ссылка">СерПол1/1 name</a>), ну и тд <li class="cat=2"> только (<li class="cat=2"><a href="ссылка">СерПол1/1 name</a>)