Getting next tag - jquery
<p>I have the following markup:</p>

<pre><code>&lt;button class="button" type="button"&gt;&lt;span&gt;Edit&lt;/span&gt;&lt;/button&gt;
</code></pre>

<p>I want to have a click event on .button that changes the value of the next span.</p>

<p>So I have this as a test:</p>

<pre><code>    $('.button').click(function(){
    $(this).next('span').val();
})
</code></pre>

<p>This returns 'undefined' however.  How can I select the span?</p>

<p>Thank you!</p>
