Ajax getting custom data attribute

by KELVIN LEE

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
<section id="home" data-role="page">
    <article data-role="content">
        <div id="home-content">Home Content here <a href="#tab-3" data-transition="slide">Goto Tab-3</a>
        <div id="tab-3-list">
            <div class="ui-grid-a">
                <div class="ui-block-a">
                    <img id="c02" data-ads="2" class="coupon_list" src="/images/coupon/c02.png">
                </div>
            </div>
            <!-- /ui-grid-a -->
        </div>
        <!-- /tab-3-list -->
        </div>
    </article>
    <!-- content -->
</section>
<!-- home -->

JavaScript

/* Getting custom data attribute */

$(document).ready(function () {
	    $("#tab-3-list img.coupon_list").on("click", function (e) {
	        e.preventDefault();
            alert(this.id);
            alert($(this).data('ads'));
	    });

	});