Jquery prop() returns undefined
<p>I'm new to Jquery and trying to make a http request so that I don't have to leave the current page, but </p>

<pre><code>var getURL = $("#callerId").attr("href"); 
</code></pre>

<p>does not seem to be working
console.log(getURL) displays "undefined"</p>

<p>there's the source code (everything down to callerId should be correct)</p>

<pre><code>    &lt;script type = "text/javascript"&gt;

$(document).ready(function() {
    $('ul.hrefURL a').click(function(dontRedirect) {
        dontRedirect.preventDefault(); 
        var callerId = event.target.id;
        var getURL = $("#callerId").attr("href");
        $.ajax({
            type : "GET",
            url: getURL,
            success: function(response){
                alert($('#response'));  
            }
        });

    });
});

&lt;/script&gt;


&lt;a href="javascript:document.location = TTS1" id = "1T"&gt;
</code></pre>
