jQuery syntax for targeting div of class inside div of another class
<p>Two jQuery questions:</p>

<p>1)  Given this HTML structure</p>

<pre><code>&lt;div id="tipper" class="tiplink"&gt;&lt;a href='test.html' &gt;Link Text&lt;/a&gt;
&lt;div id="tip" class="tipdiv"&gt;This is the tool tip text.&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>How can I alter these to work on classes so that that when a div of class <code>.tiplink</code> is moused over the div of class <code>.tipdiv</code> inside it is targeted?  </p>

<pre><code>  $(document).ready(function(){
    $('#tipper').mouseover(function() {
      $('#tip').clearQueue().show(0);
    });

    $('#tipper').mouseleave(function() {
        setTimeout( function(){
        $('#tip').hide(0);
      },20000);
    });
</code></pre>

<p>2) Without using a text input is it possible to select all the text in <code>.tipdiv</code> on click?</p>
