У меня есть несколько строк JQuery в моем веб-приложении. Этот код является встроенным в данный момент, потому что он принимает несколько переменных PHP.

<script type="text/javascript">

$(document).ready(function(){

    $('.post<?php echo $post->id; ?>').click(function() {

        $.ajax({

            type: 'POST',
            url: 'http://domain.com/ajax/add_love',
            data: { 
                post_id: <?php echo $post->id; ?>,
                user_id: <?php echo $active_user->id; ?>,
                <?php echo $token; ?>: '<?php echo $hash; ?>'

            },
            dataType: 'json',
            success: function(response) {

                $('.post<?php echo $post->id; ?>').html(response.total_loves).toggleClass('loved');

            }

        });

        return false;

    });

});

</script>

Я большой поклонник лучших практик, поэтому я хотел бы переместить мой jQuery во внешний файл JS.

Как я мог достичь такого подвига?

Какие-нибудь советы? Я все еще относительно новичок в jQuery и PHP.

Спасибо!

:)