title: Access data attribute of html element
body: <p>I have the following code but i cannot access the data-alt-engine attributen can someone please tell me where I am going wrong, thank you in advance!</p>
  
  <pre><code>&lt;select id="HotelList" name="HotelList" style="visibility: hidden; height: 30px;"&gt;
   &lt;option class="selectmsg" value="All" data-cluster="my hotel"&gt;SELECT HOTEL&lt;/option
  &lt;option class="hotel" data-cluster="france" data-alt-engine=""&gt;Hotel 1&lt;/option&gt;
  &lt;option class="hotel" value="10216" data-cluster="france" data-alt-engine="1"&gt;Hotel 2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>jquery</p>
  
  <pre><code>   $("#HotelList").change(function () {
                     // alert("Handler for .change() called.");
                      if ($("#HotelList option").attr("data-alt-engine") == "1")
                      { alert("1"); }
                      else 
                      { alert("0"); }
  
                  });
  </code></pre>