title: Jquery prop() returns undefined
body: <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>