title: can't call jquery dialog on result of find
body: <p>All,</p>
  
  <p>I am trying to make a JQuery dialog box appear when the user clicks an image.</p>
  
  <p>Here's a stripped-down version of my HTML:</p>
  
  <pre><code>&lt;div class="MyHelpButton" style="display: inline;"&gt;
      &lt;img src="{{MEDIA_URL}}/img/MyHelpIcon.png"/&gt;
      &lt;div class="MyHelpText" title="MyTitle"&gt;
          here &lt;i&gt;is&lt;/i&gt; &lt;u&gt;some&lt;/u&gt; &lt;b&gt;text&lt;/b&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my JavaScript:</p>
  
  <pre><code>$(function() {
      $(".MyHelpText").dialog({autoOpen:false});
      $(".MyHelpButton").click(function() {
          $(this).find(".MyHelpText").dialog("open"); // this doesn't work
          //$(".MyHelpText").dialog("open"); // this works
      });
  });
  </code></pre>
  
  <p>As you can see, the dialog("open") function only works when I use the class selector directly and not when I use the find() function.  But since there will be potentially <em>loads</em> of MyHelpButtons on the page, I have to be able to find this particular MyHelpText (the one that is a child of the MyHelpButton that was clicked) - Hence my use of find().</p>
  
  <p>Any ideas on what I'm doing wrong?</p>
  
  <p>Thank you for your help.</p>