No error messages shown. Just blank white screen.
Firefox's console says: The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol.
In my functions.php file, I added this code:
    function comparison_js() {
    wp_register_script( 'custom-script', get_template_directory_uri() . '/js/comparison-js.js', array( 'jquery' ),'1.0.0',true  );
    wp_enqueue_script( 'custom-script' );
     );
    }
    add_action( 'wp_enqueue_scripts', 'comparison-js' );
My actual javascript file:
    jQuery(document).ready(function($) {
        jQuery('a').on('click', function(e){    
    //Prevent the link from working as an anchor tag
    e.preventDefault();
    //Declare 'this' outside of AJAX because of asynchronous nature of call
    that = jQuery(this);
    //Make AJAX call to the PHP file/database query
    jQuery.ajax({
        url:'http://dirtypoliticsph.com/wp-content/themes/twentythirteen/templatecode.php',
        type:'POST',
        data:{id:jQuery(this).data('id')},
        success:function(data){
            that.append(data);
        }
            });
        });
    });
The blank white screen appears AFTER I added the new wp_enqueue_script function to my functions.php file. If I remove the code, the site comes up normal.
 
    