title: jQuery .each() function with ES6 arrow functions
body: <p>I have this ES6 code, after I compile it with Babel to ES5 the <code>this</code> inside <code>.each</code>'s call back becomes <code>undefined</code>. How do I fix this problem? </p>
  
  <pre><code>let mediaBoxes = $(".now-thumbnail");
  let titles = [];
  mediaBoxes.each(() =&gt; {
        let obj = {
                index: i,
                title: $(this).find(".now-thumbnail-bottomtext").text().trim()
             };
    titles.push(obj);
  });
  </code></pre>