title: jQuery, how to get children inputs of a div by name
body: <p>I have a form, which dynamically creates a lot of name/value pairs of text inputs.
  Like this:</p>
  
  <pre><code>&lt;div id="specialProperty0ParamsBlock"&gt;
      &lt;input type="text" name="paramName" placeholder="Name"&gt;
      =&lt;input type="text" name="paramValue" placeholder="Price"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>then I need to iterate over each block and gather params in an object.
  Like this:</p>
  
  <pre><code>for (var l = 0; l &lt; specialPropertiesCounter; l++) {
      var paramC = 0;
      $('#specialProperty' + l + 'ParamsBlock').each(function (index, _data) {
          data["specialProperties"]["specialProperty" + l]['params']['param' + paramC] =
          {
              'name': $(this).children('input[name="paramName"').val(),
                  'value': $(this).children('input[name="paramPrice"').val()
          };
          paramC++;
      });
  }
  </code></pre>
  
  <p>I tried dozens of things, but nothing works.</p>
  
  <p>How can I get data from each input in a single "div" by their "names"?
  Names of inputs are always the same: "paramName" and "paramPrice"</p>