estoy teniedo un problema al momento de cojer el dato de un data-id con data de javascript, lo que quiero intentar si tengo varios botones por decirlo que cada botón tenga un valor diferente hasta ahí esta bien pero al momento de llamar cada botón con valores diferentes me llama el primero.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" id="button1" data-id="sa!" onclick="funcionData()"> click1 </button>
<button type="button" id="button1" data-id="sasasa!" onclick="funcionData()"> click2 </button>
<script type="text/javascript">
function funcionData(){
alert($("#button1").data("id"));
}
</script>
</body>
</html>
les dejo el ejemplo algo como quiero hacer si ven en el boton uno como el atributo data-id="sa!" y el boton 2 con click2 con el data-id=sasasa" pero al momento de llamarlo solo me retorna el primero y no el segundo