title: Dojo Tooltip only shows after first mousover event
body: <p>I'm using dojo's event delegation to connect a Tooltip widget to dynamically generated dom nodes.  </p>
  
  <p>The Dojo site explains event delegation this way:</p>
  
  <blockquote>
    <p>"The idea behind event delegation is that instead of attaching a
    listener to an event on each individual node of interest, you attach a
    single listener to a node at a higher level, which will check the
    target of events it catches to see whether they bubbled from an actual
    node of interest; if so, the handler's logic will be performed."</p>
  </blockquote>
  
  <p>Following is my code implementation.  It works beautifully ... EXCEPT, the tooltip only shows <strong>AFTER</strong> the first mouse over event.  When I first mouseover the node, the event fires perfectly, but the tooltip doesn't render.  It will only show the consequent mouseover events.  On the first mouseover event, I can watch the Firebug console and see the xhr.get go to the database and get the correct data.  If I comment out the tooltip and throw in a simple alert(), it works the first time.</p>
  
  <p>Any suggestions on how to get the Tooltip to show on the first mouseover event?  Thanks in advance!</p>
  
  <pre><code>&lt;div class="col_section" id="my_groups"&gt;
      &lt;div class="col_section_label"&gt;My Groups&lt;/div&gt;
      &lt;ul&gt;
      &lt;?php
          foreach($myGroups as $grp) {
              echo '&lt;li&gt;&lt;a class="myGroupLink" id="grp'.$grp['grp_id'].'"&gt;'.$grp['name'].'&lt;/a&gt;&lt;/li&gt;';
          }
      ?&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      require(["dojo/on",
           "dojo/dom",
           "dijit/Tooltip",
           "dojo/_base/xhr",
           "ready!"], function(on, dom, Tooltip, xhr) {
  
      // Get Group ToolTip
      var myObject = {
          id: "myObject",
          onMouseover: function(evt){
              var grp_id = this.id;
              var content = '';
              xhr.get({
                  url: "getGrpInfo.php",
                  handleAs: "json",
                  content: {
                      grp_id: grp_id,
                      content: "tooltip"
                  },
                  load: function(info) {
                      if(info == 0) {
                          content  = '&lt;div class="grpToolTip"&gt;';
                          content += '    Information about this group is confidential';
                          content += '&lt;/div&gt;';
                      } else {
                          content  = '&lt;div class="grpToolTip"&gt;';
                          content += '    &lt;img src="../ajax/getimg.php?id='+info.logo_id+'" /&gt;';
                          content += '    &lt;div style="text-align:center"&gt;'+info.name+'&lt;/div&gt;';
                          content += '&lt;/div&gt;';
                      }
  
                      new Tooltip({
                          connectId: [grp_id],
                          label: content
                      });
                  },
                  error: function() {}
              });
          }
      };
      var div = dom.byId("my_groups");
      on(div,".myGroupLink:mouseover",myObject.onMouseover);
  });
  &lt;/script&gt;
  </code></pre>