preventDefault funktoniert nicht

[portseven]

Hab noch eine kurze Frage:

HTML:

<form id="comment-form">
						<button type="submit" name="show_comments" class="show_comments" value="<?php echo $rowsafe['beichtid']; ?>">Show Comments</button>
							<?php echo $count_comments; ?> <i class="far fa-comment"></i></button>
						<p><input type="hidden" name="beicht-comment-id" value="<?php echo $rowsafe['beichtid']; ?>"></p>
</form>


JS:

		<script>
			
			$('#comment-form').submit(function(e) {
				e.preventDefault();
				$.ajax({
					type: 'POST',
					url: 'show_comments.php',
					data: $(this).serialize(),
					success: function(data) {
						alert(data)
					}
				})
			})
		
		</script>

Wie kann ich hier den BTN Value herausfinden?

Wenn ich es so mache:

var value = $('.show_comments').val()
alert(value)

dann zeigt er mir einfach ganze Zeit den gleichen Value bei jedem BTN. (Ist ja auch normal hab ja nur eins sozusagen selektiert.

Wenn ich es aber so mache:

		<script>
			
			$('#comment-form').submit(function(e) {
				e.preventDefault();
				var value = $(this).val()
.... ajax code

alert(value)
				})
			})
		
		</script>

Dann zeigt er mir einfach ein leeres Feld an