title: Getting elements children with certain tag jQuery
body: <p>I'm trying to get all the input elements from a certain form from jQuery by providing only the name of the form and only knowing that those wanted fields are input elements.</p>
  
  <p>Let's say:</p>
  
  <pre><code>&lt;form action='#' id='formId'&gt;
  &lt;input id='name' /&gt;
  &lt;input id='surname'/&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>How do I access them individually with jQuery?
  I tried something like <code>$('#formId &gt; input')</code> with no success, in fact an error came back on the console <code>"XML filter is applied to non-XML value (function (a, b) {return new (c.fn.init)(a, b);})"</code></p>
  
  <p>Maybe I have to do it with .children or something like that? I'm pretty new at jQuery and I'm not really liking the Docs. It was much friendlier in Mootools, or maybe I just need to get used to it.</p>
  
  <p>Oh and last but not least, I've seen it asked before but no final answer, can I create a new dom element with jQuery and work with it before inserting it (if I ever do) into de code? In mootools, we had something like <code>var myEl = new Element(element[, properties]);</code>
   and you could then refer to it in further expressions, but I fail to understand how to do that on jQuery</p>
  
  <p>What I ended up doing was something like this: <code>$('#where').before("&lt;a id='linkId' href='#'&gt;Link Text&lt;/a&gt;")</code> but this defeats the requirement of working with it before inserting it if you know what I mean.</p>
  
  <p>Thanks in advance.</p>