title: jQuery selector troubles - trying to select and log links
body: <p>I'm making a Chrome extension that acts on Facebook's newsfeed. I'm trying to select the URL starting with "<a href="https://external-ort2-2.xx" rel="nofollow noreferrer">https://external-ort2-2.xx</a>" from Facebook's "_q7o" div and log it to the console (function capturePic). The earlier code, which inserts a button after the "_q7o" div, works fine, so I think I'm selecting the right div. But URL isn't getting logged.</p>
  
  <p>Many thanks!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function callAttentionToX(jNode) {
  var uCW = jNode.closest("div._q7o");
  var button = document.createElement("a");
  button.innerHTML = "I'm a button";
  button.style.float= "left";
  uCW.append(button);
  }
  
  function capturePic(jNode) {
  var uCW = jNode.closest("div._q7o");
  var firstHref = $(".uCW a[href^='https://external-ort2-2.xx']").attr("href");
  console.log(firstHref);
  }
  
  waitForKeyElements("[aria-label$='Story options']", callAttentionToX, capturePic);</code></pre>
  </div>
  </div>
  </p>