title: If <div> is active, get data tag and select from dropdown
body: <p>I have some <code>&lt;div&gt;</code>s on a slider that when a <code>&lt;div&gt;</code> is active, it has the class <code>.is-selected</code>. These <code>&lt;div&gt;</code>s also have a data tag called <code>data-ID</code> whereby it has an <code>ID</code> related to a dropdown select. I'd like to be able to automatically choose the select option depending on what <code>&lt;div&gt;</code> is active, but I'm not sure where to get the <code>ID</code> from and where to pass it to?</p>
  
  <pre><code>    &lt;div class="cell" style="position: absolute; left: 0%;"&gt;
          &lt;div data-ID="Item1" class="item"&gt;
              &lt;h2&gt;Option 1&lt;/h2&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="cell is-selected" style="position: absolute; left: 0%;"&gt;
          &lt;div data-ID="Item2" class="item"&gt;
              &lt;h2&gt;Option 2&lt;/h2&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>