jQuery wrap() is wrapping every assigned object on click
<p>I have a form that creates a div when you enter a name and click "add". I want to wrap this div in an li but when I do this it wraps every created div with the same class name in an li therefore I end up with multiple levels of li's around the div. Is there a way to only target the div that is created on that click?</p>

<p>The fiddle is here
<a href="http://jsfiddle.net/clintongreen/BMX4J/1/" rel="nofollow">http://jsfiddle.net/clintongreen/BMX4J/1/</a></p>
