title: Get element by placeholder. Code not working
body: <p>The code in the JsFiddler below works when I get the element by ID, but when I try to get it by placeholder (because there is no ID in the input I'm trying to interact with) The code won't work. My tries are below:</p>
  
  <pre><code>var el = $("[placeholder='Select Country']");
  var el = $("input:placeholder(Select Country)");
  var el = $("input").attr("placeholder","Select Country");
  var el = document.querySelectorAll('[placeholder="Select Country"]');
  </code></pre>
  
  <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 setKeywordText(text) {
      var el = document.getElementById("gwt-debug-keywords-text-area");
      el.value = text;
      var evt = document.createEvent("Events");
      evt.initEvent("change", true, true);
      el.dispatchEvent(evt);
  }
  
  setKeywordText("test");</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="text" placeholder = "Select Country" id ="gwt-debug-keywords-text-area" /&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thank you,</p>