Not able to get content of <span> using jQuery
<p>I've tried multiple approaches now, bit I'm not able to get it right.<br>
I've got multiple list items and in a few of them I've got <code>&lt;span class="required"&gt;*&lt;/span&gt;</code></p>

<p>I need to check if the <code>input.brand name</code> has value. If not, I will change the content of the span with a message.</p>

<p>To test, I've got the following code:</p>

<pre><code>    jQuery('#brand_btn_saveForm').live('click', function() {
      alert(jQuery('#brand_name').parent().find('.required').text());
    });
</code></pre>

<p>This should output <code>*</code>, but I only get blank.</p>

<p>Part og the HTML code is this:</p>

<pre><code>    &lt;li&gt;
    &lt;label class="description" for="brand_name"&gt;Name&lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;
    &lt;div&gt;
        &lt;input id="brand_name" name="brand_name" class="text textfield50pc" type="text" maxlength="40" value="&lt;?php echo $name; ?&gt;"/&gt; 
    &lt;/div&gt; 
    &lt;/li&gt;
</code></pre>

<p>Any advice?</p>
