title: How to print out 3 items, which is connected with 2 input(price and quantiy)
body: <p>One more problem, please help with printing out 3 spans elements at the same time as checking input. I'm beginner in JQuery.
  In general, I have price calculator, which gets price(value in first input) of checked elements, multiplies it by quantity(value in second input) and gives total amount.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;li class="price"&gt;
    &lt;input type="checkbox" class="option" value="5000"  /&gt;
    &lt;input class="price-count" type="number" min="1"  value="1" /&gt;
    &lt;span class="price-name"&gt;Shirt&lt;/span&gt;
    &lt;span class="price-price"&gt;5000&lt;/span&gt;
    &lt;span class="price-uname"&gt;pieces&lt;/span&gt;
  &lt;/li&gt;
  &lt;li class="price"&gt;
    &lt;input type="checkbox" class="option" value="9000"  /&gt;
    &lt;input class="price-count" type="number" min="1"  value="1" /&gt;
    &lt;span class="price-name"&gt;Trousers&lt;/span&gt;
    &lt;span class="price-price"&gt;9000&lt;/span&gt;
    &lt;span class="price-uname"&gt;square meter&lt;/span&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>....there are 30 LI elements</p>
  
  <p><strong>JavaScript</strong></p>
  
  <pre><code>    $('.option, .price-count').change(function() {
          var sum = 0;  
  
          $('.option:checked').each(function() {
              sum += $(this).val() * $(this).next('.price-count').val();
              $('#checked-elements').html($(this).next('.price-name').innerHTML);
          });
  
          $('#total').html(sum);
      });
  </code></pre>
  
  <p>Please help to print out every checked element with name, quantity and unit of measure, separated by commas and using JQuery library.</p>