title: finding span inside this
body: <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>