I have the following list:

<ul class="ui-listview" id="nearbyList">
    		<li class="ui-listview-divider">Nearby</li>
			
			
			<li class="li-has-multiline li-has-thumb-left">
					<a href="contents/place1.html">Place 1
					<span class="ui-li-sub-text li-text-sub">Info 1</span>
					<span class="ui-li-sub-text li-text-sub">xxxx</span>
					<img src="../../../css/images/place1.png" class="ui-li-thumb-left">
					</a>
			</li>
			
			<li class="li-has-multiline li-has-thumb-left">
					<a href="index-old.html">Open Elements
					<span class="ui-li-sub-text li-text-sub">xxxx</span>
					<span class="ui-li-sub-text li-text-sub">xxxx</span>
					<img src="../../../css/images/open.png" class="ui-li-thumb-left">
					</a>
			</li>
				
		</ul>

What JS code can I use in order to add a new element to the #nearbyList with the same css classes as the existing li’s have?