AJAX call not firing - php

Question

In the below code from my .js file, the first function save_audition is working great. The second one, which I just copy/pasted and changed some variables is not,f or some reason. I've done some troubleshooting and ruled out my .php file (which works fine when called manually) as well as the .html and determined that this script just isn't firing for some reason.
This is my first ever project using AJAX, so it could be something very simple, not sure. FYI, I'm working within Wordpress's AJAX framework using admin-ajax.php
EDIT: Here is a pastebin to the main plugin file: http://pastebin.com/AaJ6QqTx
Here is the code from the .js file. The first on('click') event (save_audition) is working fine, the 2nd (hide_audition) is working in the sense the return false; works to prevent the link from firing, but the actual AJAX click event isn't happening.
//Save (or remove) an audition from the user's saved auditions meta using ajax
$('.save-audition').on('click', function() {
var post_id = $(this).attr('data-post_id');
var nonce = $(this).attr('data-nonce');
var clicked = $(this);
$.ajax({
type : 'post',
dataType : 'json',
url : myAjax.ajaxurl, //we can use this value because in our php file we used wp_localize_script
data : {action: 'tps_save_audition', post_id : post_id, nonce: nonce},
success: function(response) {
$('#alerts').append('<div class="alert"><div class="alert-icon"><i class="fa fa-exclamation"></i></div><div class="alert-message">'+response.message+'</div><div class="close"><i class="fa fa-close"></i></div></div>');
$('#alerts .alert').fadeIn(400);
if(response.type == 'success') {
clicked.children('span').children('.fa-stack-2x').addClass('fa-check');
clicked.children('span').children('.fa-stack-1x').addClass('saved');
} else if (response.type = 'removed') {
clicked.children('span').children('.fa-stack-2x').removeClass('fa-check');
clicked.children('span').children('.fa-stack-1x').removeClass('saved');
} else {
alert(response.message);
}
}
})
return false;
});
//Hide an audition from the user's view by saving it as user_meta
$('.hide-audition').on('click', function() {
var post_id = $(this).attr('data-post_id');
var nonce = $(this).attr('data-nonce');
var clicked = $(this);
$.ajax({
type : 'post',
dataType : 'json',
url : myAjax.ajaxurl, //we can use this value because in our php file we used wp_localize_script
data : {action: 'tps_hide_audition', post_id : post_id, nonce: nonce},
success: function(response) {
$('#alerts').append('<div class="alert"><div class="alert-icon"><i class="fa fa-exclamation"></i></div><div class="alert-message">'+response.message+'</div><div class="close"><i class="fa fa-close"></i></div></div>');
$('#alerts .alert').fadeIn(400);
if(response.type == 'success') {
clicked.children('i').css('color', 'red');
} else {
alert(response.message);
}
}
})
return false;
});

Answer 1

OK well, as usual it comes down to a stupid coder error. In my html I had TWO elements with the class "hide-audition" by accident and that was breaking it.
I guess I'll leave this question up for others as a reminder to comb through every piece of code carefully while troubleshooting.