title: jquery selector get element with a class inside a div
body: <p>I'm dealing with jquery selector.
  I have a portion of html that (simplified) looks like</p>
  
  <pre><code>&lt;div class="tile"&gt;            
        message
        &lt;a href="#" class="ui-icon ui-icon-pencil"&gt;link1&lt;/a&gt;
        &lt;a href="#" class="ui-icon ui-icon-close"&gt;linkb&lt;/a&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>this div is repeated severl times in the page</p>
  
  <p>and in the relative javascript I want to add the code to show or hide the 2 links when the user pass the mouse over the "tile" div.
  I wrote something like</p>
  
  <pre><code>$(function () {
      $(".tile").bind("mouseover", function () {
          $("this .ui-icon").show();
      });
      $(".tile").bind("mouseout", function () {
          $("this .ui-icon").hide();
      });
  });
  </code></pre>
  
  <p>but this doesn't work.
  Anyone can help me here?</p>