title: Why is d3.select().style() not applied to <div>-elements?
body: <p>I've been staring at this for a while now and I just can't figure out what I'm doing wrong. I'm basically trying to make my own implementation of this example: <a href="http://vallandingham.me/building_a_bubble_cloud.htm" rel="nofollow noreferrer">http://vallandingham.me/building_a_bubble_cloud.htm</a></p>
  
  <p>In a similar fashion as the article I have a DOM structure that looks like this</p>
  
  <pre><code>&lt;div id="d3"&gt;
      &lt;div id="labels"&gt;
          &lt;div class="label"&gt;Label&lt;/div&gt;
      &lt;/div&gt;
      &lt;svg&gt; &lt;&lt; SVG-stuff &gt;&gt; &lt;/svg&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As far as I understand it, in the article the label divs are positioned with the .style() function inside d3's tick function. Thusly:</p>
  
  <pre><code>d3.selectAll(".label")
     .style("left", function(d) { return d.x - (d.dx / 2) + "px"; })
     .style("left", function(d) { return d.x - (d.dx / 2) + "px"; })
  </code></pre>
  
  <p>BUT: when this is run, no styles are applied to the elements!</p>
  
  <p>What is it that I am missing? How come this works in the example?</p>