get the span data content using jquery | Learning Curve- Perfect Tutorial for the beginers

how to get the different data values from dynamic span elements using jquery,check the below code

<span data-name="vasanthan" data-country="india" class="testspan" >first</span>
<span data-name="Ericson" data-country="USA" class="testspan" >second</span>								  								  
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>

$(".testspan").click(function(){
alert($(this).attr("data-country"));alert($(this).attr("data-name"));
});

<span data-name="vasanthan" data-country="india" class="testspan" >first</span>

<span data-name="Ericson" data-country="USA" class="testspan" >second</span>

$(".testspan").click(function(){

alert($(this).attr("data-country"));alert($(this).attr("data-name"));

});