title: Nested jQuery Selectors
body: <p>Is there anyway to have nested jQuery selectors.</p>
  
  <p><strong>For example:</strong></p>
  
  <p>if the page also has an <code>ID = "LeadEditForm_Title"</code> someplace on it then do the following... </p>
  
  <pre><code>jQuery("[id='A0.R0.Main Phone Number']").live('mousedown',function(e) {
      var container = $(this).width();
      var width_offset = -50;
      var top_offset = 25;
      var width = (container + width_offset).toString();
      jQuery(".mywidget").appendTo(document.body).css('width', width + 'px');
      jQuery(".mywidget").appendTo(document.body).css('position', 'absolute');
      jQuery(".mywidget").appendTo(document.body).css('top', ($(this).offset().top+top_offset).toString() + 'px');
      jQuery(".mywidget").appendTo(document.body).css('left', Math.round($(this).offset().left) + 'px');
  });
  </code></pre>
  
  <p><strong>QUESTION:</strong></p>
  
  <p>How do I do an if <code>jQuery(".LeadEditForm_Title")</code> then do the above??? basically a nested jQuery call... I've seen examples where they have :</p>
  
  <pre><code> jQuery(function(){ // my code goes here }); 
  </code></pre>
  
  <p>But I want it to depend on the ID "<code>.LeadEditForm_Title</code>".</p>