Custom jquery

Is it possible to add custom jquery? as I am opening a post through ajax, but it’s not picking up the ajax and opening post into new URL

here is my code:

<li id="post-<?php the_ID(); ?>" <?php post_class('span2 thumbnail thumb-hover '); ?>>
						<?php the_post_thumbnail('medium');?>
						<div class="mask">
            <a href="<?php the_permalink();?>" rel="<?php the_ID(); ?>" title="<?php the_title_attribute();?>" class="video-page-play">
            <div class="mask">
            <h4><?php the_title(); ?></h4>
            </div></a>

					</li>

And here is the jquery:

$.ajaxSetup({cache:false});
    jQuery("a.video-page-play").click(function(){
        var post_url = $(this).attr("href");
        var post_id = $(this).attr("rel");
        jQuery(".video-player-col1").html('<div class="loading"></div>');
    jQuery(".video-player-col1").load(post_url);
    return false;
    })

https://ww.wp.xz.cn/plugins/ajax-load-more/