jQuery selector troubles

[anevins]

Hello,

 

I'm having trouble applying jQuery wrap() to two html elements I've selected.

 

HTML

<h5>Social</h5>
				<ul>
					<li>
						<a href="http://www.facebook.com/profile.php?id=782955113" class="img clearfix" title="Joe Tremlin Facebook" target="_blank">
						   <img src="wp-content/uploads/joetremlin/fb-icon.png" alt="Joe Tremlin Facebook" />
						</a>
					</li>
					<li class="last">
						<a href="http://joeyt91.deviantart.com/" class="img clearfix" title="Joe Tremlin Deviant Art" target="_blank">
						   <img src="wp-content/uploads/joetremlin/deviant-icon.png" alt="Joe Tremlin Deviant Art" />
						</a>
					</li>
				</ul>

 

jQuery

$('footer h5, footer ul').wrap('<div></div>');

 

I want to wrap all of the HTML in a <div>, but at the moment it's wrapping the h5 and ul in separate <div>s.

 

Is there any way to do this?

 

[JustLikeIcarus]

Per the documentation it would be wrapAll instead of wrap.

 

$('footer h5, footer ul').wrapAll('<div></div>');