Почему данный код не работает в firefox?

Question

[lUser L]

В хроме работает, но в firefox не работает и еще в режиме инкогнито в хроме не работает .
Еще вопрос возможно кто поможет.
Есть допустим 5 кнопок у которых разный атрибут дата, нужно , что бы когда нажимал пользователь например на вторую кнопку то данные из data передавались в friend.php. Это нужно сделать с помощью this но я никак не могу понять как.

Кнопка

<button type="submit" id="acceptbutton" data="1" class="btn accept_button">Принять</button>
<button type="submit" id="acceptbutton" data="2" class="btn accept_button">Принять</button>
<button type="submit" id="acceptbutton" data="3" class="btn accept_button">Принять</button>
<button type="submit" id="acceptbutton" data="4" class="btn accept_button">Принять</button>
<button type="submit" id="acceptbutton" data="5" class="btn accept_button">Принять</button>

JS

$(document).ready(function(){
	 $('.accept_button').on('click',function(){
		    $.ajax({
		        url: "friend.php",
		        type: 'POST',
		        data: {id: $(this,'#acceptbutton').attr('data')},
		        success: function (html) {
		        	$(this,"#acceptbutton").html(html);
		     }
		 });
	 	$(this,".accept_button").hide(500);
	 });
});

Answer 1

[Kozlov]

id - это уникальный идентификатор. Не допустимо делать несколько элементов с одинаковым id.

Comments

[Виталий Киренков]

Верно.

+ аттрибут дата неверно написан. Он должен идти с именем и обращение будет .data('value'), если кнопка вида