title: Dojo connect problem
body: <p>Hi pretty new to Dojo basicly I am trying to attach a event to 'every' class then on mouseover I would like to reveal the closet div (changing display to block) with a class name. However after numerous attempts I am unable to do so.</p>
  
  <p>Here is the html :</p>
  
  <pre><code>&lt;div class="navElement"&gt; 
                      &lt;a href="" class="navSectionTitle"&gt;Sound &amp;#38; Vision &amp;#43;&lt;/a&gt;
                      &lt;div class="subMenuHolder"&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Televisions&lt;/a&gt;,&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;LCD TVs&lt;/a&gt;,&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Plasma TVs&lt;/a&gt;,&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;3D TVs&lt;/a&gt;,&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;MP3 Players&lt;/a&gt;,&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Hi Fi&lt;/a&gt;,&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;MP3 Docks&lt;/a&gt;,&lt;/li&gt;
                              &lt;li&gt;&lt;a href=""&gt;More&lt;/a&gt; &amp;#43;&lt;/li&gt;
  
                          &lt;/ul&gt;
                      &lt;/div&gt;  
                  &lt;/div&gt;
  
                  &lt;div class="navElement"&gt; 
                      &lt;a href="" class="navSectionTitle"&gt;Computers &amp;#38; Software  &amp;#43;&lt;/a&gt;
                      &lt;div class="subMenuHolder"&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Laptops&lt;/a&gt;,&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Desktops Computers&lt;/a&gt;,&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Software&lt;/a&gt;,&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Printers&lt;/a&gt;,&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;External Hard Drives&lt;/a&gt;,&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Internal Hard drives&lt;/a&gt;,&lt;/li&gt;
                              &lt;li&gt;&lt;a href=""&gt;More&lt;/a&gt; &amp;#43;&lt;/li&gt;
  
                          &lt;/ul&gt;
                      &lt;/div&gt;  
                  &lt;/div&gt;
  </code></pre>
  
  <p>The dojo I am attempting to use is below :</p>
  
  <pre><code>dojo.require("dojo.NodeList-traverse");    
  dojo.query(".navSectionTitle").forEach(function(node, index, nodelist){
              dojo.connect(node , "onmouseover", function(evt){
                  var here = dojo.query(node).closest(".subMenuHolder");
                  here.style.display = 'block';
                  console.log(here);
              });
          });
  </code></pre>
  
  <p>Not sure if this is best practice but would appreciate any help, many thanks. </p>