title: jQuery find div help
body: <p>I am currently building a menu bar that consists of icons that show a contextual submenu when hovered over. Essentially, when hovering over an icon a popup menu/tooltip appears (with more options), but the icon itself should be clickable as well.</p>
  
  <p>So far, I use the following HTML construct and jQuery for each menu item:</p>
  
  <pre><code>&lt;div id="profile" class="menu-item"&gt;
      &lt;div id="profile-tip" class="tip"&gt;
          **insert profile menu options**
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="search" class="menu-item"&gt;
      &lt;div id="search-tip" class="tip"&gt;
          **insert search menu options**
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$(".menu-item").hover(function() {
      $(this).find("div").fadeIn("fast").show(); //add 'show()'' for IE
  $(this).mouseleave(function () { //hide tooltip when the mouse moves off of the element
      $(this).find("div").hide();
  });
  });
  </code></pre>
  
  <p>What I wish to do is to change the HTML to look as follows (so I can apply an onClick link to the "profiles" div):</p>
  
  <pre><code>&lt;div id="profile" class="menu-item" onclick="window.location = 'profile.php'"&gt;&lt;/div&gt;
      &lt;div id="profile-tip" class="tip"&gt;
          **insert menu options**
      &lt;/div&gt;
  </code></pre>
  
  <p>However, I don't know how to modify the jQuery to find the matching div to display when hovered over. The associated tooltip/popup menu div will always be xxxx-tip (where xxx is the name of the parent div).</p>
  
  <p>As an example, I imagine it will look something like this (keep in mind I know very little about jQuery so I'm well aware this will look stupid):</p>
  
  <pre><code>$(".menu-item").hover(function() {
      $.find("div").attr('id'+"-tip").fadeIn("fast").show(); //add 'show()'' for IE
  $(this).mouseleave(function () { //hide tooltip when the mouse moves off of the element
      $.find("div").attr('id'+"-tip").hide();
  });
  });
  </code></pre>
  
  <p>To summarise: I need the jQuery modified to show the div based on the parent div's ID + the string "-tip"</p>
  
  <p>Hopefully that isn't too confusing. Any help GREATLY appreciated :)</p>