title: resetting fill color in d3
body: <p>I'm using d3 to create a globe. I want to change the fill color of the countries depending on whether they are in an array called "unrepresented". But I can't get the fill color to change. Do I have the wrong syntax, please?</p>
  
  <pre><code>d3.json("world-countries.json", function(collection) {
  
           feature = svg.selectAll("path")
                .data(collection.features)
                .enter().append("svg:path")
                .attr("d", clip)
                .attr("id", function(d) { return d.id; })
                .on("mouseover", pathOver)
                .on("mouseout", pathOut)
                .on("click", click);
  
            feature.append("svg:title")
                .text(function(d) { return d.properties.name; });
  
            feature.each(function(){
              thisOne = $(this).attr('id');
               for (var i=0; i&lt;unrepresented.length; i++){
                  if ($(this).attr('id') == unrepresented[i]) {
                      thisOne.style("fill", "#000000");;
                  }
               }
            });
  
  
  });
  </code></pre>