title: ajax div reloads with correct data, but with entire webpage within div
body: <p>I have a div that contains a student's schedule, and there is a drop-down box for selecting by semester.</p>
  
  <p>Once they select the semester, there is an ajax post, but when it refreshes, it displays the entire website within that div (with the appropriate schedule for that semester).</p>
  
  <p>It looks like an iframe within a webpage, as seen here: <a href="http://cl.ly/Dy3b" rel="nofollow">http://cl.ly/Dy3b</a></p>
  
  <p>Here is the ajax post script</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function() {
  
    $('#term').change(function() {
  
      var form_data = {
        term : $('#term').val(),
        ajax : '1'
      };
  
      var u = $("#schedulePortletURL").attr("href");
  
      $.ajax({
        url: u,
        type: 'POST',
        data: form_data,
        success: function(msg) {
          //alert(u);
          $('#view-schedule').html(msg);
        }
      });
  
      return false;
    });
  
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>If possible, could you give me some suggestions of what to investigate to correct this? Thank you</p>