title: How to properly combine selectors with JavaScript identifiers?
body: <p>I have selected a DOM element in JavaScript.</p>
  
  <pre><code>var myParentElement = document.getElementById('myParentId');
  </code></pre>
  
  <p>Now, let's say I want, using jQuery to select the first element which is a child of that one, is a visible, enabled input element, AND has a specific value for a given attribute (here and I want to check the element's <em>name</em>).</p>
  
  <pre><code>$([name="myChildName"]).children(':input:enabled:visible:first'); // ?
  </code></pre>
  
  <p>The above snippet is incorrect, how should I fix it? (I know a bit of CSS but not much jQuery).</p>
  
  <p>Additional requirement: I am limited to jQuery 1.7.2</p>
  
  <p>EDIT : sorry, actually was a tiny bit more complicated than the first line, as I have a name, not an ID.</p>
  
  <p>Anyway, thanks to your advice I have found the solution I was looking for:
  $("[name=' + myNameIdentifier +']").filter(":input:enabled:visible:first");
  IIRC <strong>the first pair of quotes is a must</strong> and not including them was a blatant error.</p>
  
  <p>Additionally, I neglected the difference between children, find and filter so my question was unclear. I wanted to select all elements with a given name, then apply a filter on that selection (do not care about children or descendants).</p>