title: Get deep elements by name in Javascript within another element
body: <p>I have a HTML document with multiple div tags like</p>
  
  <pre><code>&lt;div id="id1"&gt;
  &lt;table&gt;
          &lt;tr&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Serial&lt;/th&gt;
  
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td&gt;&lt;input id="Param1" name="Group1" type="text" value ="0"/&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input id="Param2" name="Group1" type="text" value ="0"/&gt;&lt;/td&gt;
  
  
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;input id="Param3" name="Group2" type="text" value ="0"/&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input id="Param4" name="Group2" type="text" value ="0"/&gt;&lt;/td&gt;
  
  
          &lt;/tr&gt;
  
      &lt;/table&gt;
  
  &lt;/div&gt;
  
  &lt;div id="id2"&gt;
  
  ...
  ...
  
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I select the inputs that have div id as "id1" and make an array of input ids that have name "Group1" using either Javascript OR jQuery? </p>