title: How to set dynamically coordinates from list for div objects jQuery
body: <p>I try to set an array of coordinates on div elements. For some reason it's not setting the coordinates. I have tried a few methods which are not working for me. How can I solve this issues?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var listOfCordinates = [
    { x: 20, y: 100 },
    { x: 130, y: 115 },
    { x: 200, y: 130 }
  ];
  
  function getCords() {
    $(listOfCordinates).each(function (i, data) {
      console.log(data.x, data.y)
      moveElement(data.x, data.y)
    });
  }
  
  getCords()
  
  function moveElement(x, y) {
    $(".lpms3-box").css({
      left: x,
      top: y
    });
  }</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.lpms3-box {
    position: fixed;
    background-color: #fff;
    width: 150px;
    height: 90px;
    border-radius: 5px;
    margin: 10px;
  }
  
  .machine-icon {
    float: left;
    width: 50px;
    height: 90px;
  }
  
  .machine-icon&gt;img {
    width: 50px;
    height: 50px;
    margin-top: 40%;
  }
  
  .title-box {
    float: right;
    margin-right: 12%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div class="lpms3-box"&gt;
    &lt;div class="machine-icon"&gt;
      &lt;img src="https://www.creativefabrica.com/wp-content/uploads/2019/02/Coffee-Machine-icon-by-masbay02-580x435.png" /&gt;
    &lt;/div&gt;
    &lt;div class="title-box"&gt;Some title&lt;/div&gt;
    &lt;div class="desc-box"&gt;Some description&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="lpms3-box"&gt;
    &lt;div class="machine-icon"&gt;
      &lt;img src="https://www.creativefabrica.com/wp-content/uploads/2019/02/Coffee-Machine-icon-by-masbay02-580x435.png" /&gt;
    &lt;/div&gt;
    &lt;div class="title-box"&gt;Some title&lt;/div&gt;
    &lt;div class="desc-box"&gt;Some description&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="lpms3-box"&gt;
    &lt;div class="machine-icon"&gt;
      &lt;img src="https://www.creativefabrica.com/wp-content/uploads/2019/02/Coffee-Machine-icon-by-masbay02-580x435.png" /&gt;
    &lt;/div&gt;
    &lt;div class="title-box"&gt;Some title&lt;/div&gt;
    &lt;div class="desc-box"&gt;Some description&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>