I am trying to remove same button matching pairs using the code below but i am not not successful. As they are two button1 and button3 so if i click the matching pair button 1 and button 1 both should remove with score as 1. i.e., for every succesful pair score is incremented by 1.

Code:
<div id="score">Score: 0</div>
<button id="one" type="button" data-index="0">Button1</button>
<button id="two" type="button" data-index="0">Button1</button>
<button id="three" type="button" data-index="1">Button3</button>
<button id="four" type="button" data-index="1">Button3</button>

<script>

var Score = 0;
    index = 0;
    
$("#one, #two, #three, #four").click(function () {
    
    var dataIndex = $(this).data('index');
    if (index == dataIndex) {
        Score++;
        $(this).hide();
        if(dataIndex == 1) {
            index = 0;
        } else {
           index++;   
        }
    } 

    $("#score").html("Score: " + Score);
});
</script>