Tour step with target selected using document.querySelector() is not working

[mindcrime]

I am using Hopscotch with a tour that looks like this:

    var tour = {
      id: "quoddy-intro",
      steps: [
        {
          title: "Activity Stream",
          content: "This is the Activity Stream area.  Various kinds of activities appear here, based on the" +
          " users you follow, groups you join, subscriptions you setup, etc.  Activity Stream events include Status Updates" +
          " from other users, Calendar Feed entries, Business Events, RSS Feed entries, BPM User Task entries, and others.",
          target: "activityStream",
          placement: "top",
          width: 350
        },
        {
            title: "Status Update",
            content: "This is a Status Update, shared by one of your Friends or someone you Follow.",
            target: document.querySelector(".basicActivityStreamEntry"),
            placement: "left",
            width: 350          

        }
      ]
    };

The first step works fine, using an id. But the second step never results in a tour bubble being rendered. I've verified with a simple function that alert()'s the output of the document.querySelector call that it does, indeed, find the element I am looking for, but Hopscotch doesn't seem to like it.

This occurs in both Chrome Version 25.0.1364.172 and Firefox 18.0.2, both on Fedora Linux.

[kate2753]

This seems to be working fine now in Chrome 32 http://jsfiddle.net/7xs6U/

Please re-open the issue if this is still a problem.