jQuery delegate() won't work with $(this)
<p>I am currently putting together some jQuery that will activate slideDown() when an element is clicked that is generated by js.</p>

<p>Here is my function:</p>

<pre><code>$('.radiowrap').delegate("span[title='yes']", "click", function() { 
    $('.radiowrap').next('.secondq:first').slideDown('medium'); 
}); 
</code></pre>

<p>This works fine but only if I specify the element (as shown above) therefore activating every matching element. If I use $(this) like so:</p>

<pre><code>$('.radiowrap').delegate("span[title='yes']", "click", function() { 
    $(this).next('.secondq:first').slideDown('medium'); 
}); 
</code></pre>

<p>The code doesn't work... does anyone have a solution to this? Here is a snippet of my HTML:</p>

<pre><code>&lt;div class="option radio"&gt;
    &lt;h2 class="block"&gt;Do you have a hot water tank?&lt;/h2&gt;
    &lt;div class="radiowrap"&gt;
        &lt;div class="radiocont"&gt;
            &lt;label&gt;Yes&lt;/label&gt;
            &lt;input type="radio" class="styled" value="yes" name="watertank" /&gt;
        &lt;/div&gt;
        &lt;div class="radiocont"&gt;
            &lt;label&gt;No&lt;/label&gt;
            &lt;input type="radio" class="styled" value="no" name="watertank" /&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="secondq" style="display:none;"&gt;
        &lt;h2&gt;What type of water tank is it?&lt;/h2&gt;
        &lt;div class="radiowrap"&gt;
            &lt;div class="radiocont"&gt;
                &lt;label&gt;Steel&lt;/label&gt;
                &lt;input type="radio" class="styled" value="steel" name="watertanktype" /&gt;
            &lt;/div&gt;
            &lt;div class="radiocont"&gt;
                &lt;label&gt;Fibreglass&lt;/label&gt;
                &lt;input type="radio" class="styled" value="Fibreglass" name="watertanktype" /&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;h2 align="left"&gt;How much insulation does it have?&lt;/h2&gt;
        &lt;input type="text" align="right" name="bonus" class="value" disabled="disabled"  /&gt;
        &lt;div class="slidewrap"&gt;
            &lt;div class="sliderMm slider"&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
