title: jQuery: Select a <p> tag within a <li>
body: <p>I'm trying to use jquery to fade out a <code>&lt;p&gt;</code> tag within a <code>&lt;li&gt;</code> when a delete button is selected.</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;
          &lt;p&gt;Here is some text!&lt;/p&gt;
          &lt;span class="delete"&gt;Delete&lt;/span&gt;
      &lt;li&gt;
  &lt;ul&gt;
  </code></pre>
  
  <p>Here is my jQuery so far:</p>
  
  <pre><code>$(".delete").click(function(){
      //Needs to select the &lt;p&gt; tag within the same &lt;li&gt; 
      $("p").fadeOut(); 
  });
  </code></pre>