Using XML with plug-in demo

jQuery, CSS and HTML
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/jquery.csv-calc/demo-02.css">
<script src="//code.jquery.com/jquery-2.2.3.min.js"></script>
<script src="js/jquery.csv-calc/jquery.csv-calc.js"></script>
<script>
  $(function() {
    $('#products').csvCalc('products.csv');
  });
</script>

</head>

<body>
<div>
<h1>Demo 2</h1>
<section id="products">
  <h2>Products</h2>
  <ul>
    <li data-csvcalc-repeat>
      <dl>
        <dt>id</dt><dd data-csvcalc-cell="0" data-csvcalc-id></dd>
        <dt>name</dt><dd data-csvcalc-cell="1"></dd>
        <dt>price</dt><dd data-csvcalc-cell="2" data-csvcalc-price></dd>
      </dl>
      <input data-csvcalc-input type="number" min="0" value="0">
      <div data-csvcalc-sum class="sum">0</div>
    </li>
  </ul>
  <h4>total</h4>
  <p data-csvcalc-total class="total">0</p>
</section>
</body>
</html>
Products

id

name

price

0