finding span inside this
<p>im trying to change the display attribute of a span inside of a li using the find function of jquery....its not working and i think i know why....because the span isnt inside of the input element right? but im not sure how to fix it</p>

<p>heres my code:</p>

<pre><code>$('form ul li input').click(function() {
    if ($(this).is(':checked'))
        $(this).find('span').attr('display', 'block');
    else
        $(this).find('span').attr('display', 'none');
});
</code></pre>

<p>i know all i need to do is make it so it searches the LI and not the INPUT....but im not sure how to do this.</p>

<p>heres the HTML for an li:</p>

<pre><code>&lt;li&gt;

    &lt;input type="checkbox" name="attack_strategies[]" id="strategy_4" value="4" /&gt; 
    &lt;label for="strategy_4"&gt;meditation&lt;/label&gt;

    &lt;span&gt;

        &lt;select name="attack_strategies_e[]" id="strategy_e_4"&gt;
        &lt;option value=""&gt;How effective was it?&lt;/option&gt;
        &lt;option value="0"&gt;0&lt;/option&gt;
        &lt;option value="1"&gt;1&lt;/option&gt;&lt;option value="2"&gt;2&lt;/option&gt;
        &lt;option value="3"&gt;3&lt;/option&gt;&lt;option value="4"&gt;4&lt;/option&gt;
        &lt;option value="5"&gt;5&lt;/option&gt;&lt;option value="6"&gt;6&lt;/option&gt;
        &lt;option value="7"&gt;7&lt;/option&gt;&lt;option value="8"&gt;8&lt;/option&gt;
        &lt;option value="9"&gt;9&lt;/option&gt;&lt;option value="10"&gt;10&lt;/option&gt;          
        &lt;/select&gt;

    &lt;/span&gt;

&lt;/li&gt;
</code></pre>
