How to use Drupal.ajax() to update #content div on  click? I'm trying to update the #content with AJAX. I've found the Drupal.ajax function and tried to use it with this code, copied from Views module but modified:

var base_element_settings = {
  'event': 'click',
  'progress': { 'type': 'throbber' }
};
jQuery('a').once('custom-ajax-processed').each(function () {
    var element_settings = base_element_settings;

    if (jQuery(this).attr('href')) {
      element_settings.url = jQuery(this).attr('href');
    }
    var base = "content";// $(this).attr('id');
    Drupal.ajax[base] = new Drupal.ajax(base, this, element_settings);
});


But instead of replacing the #content it alerts the response contents with the title An AJAX HTTP error occurred.
HTTP Result Code: 200
What am I doing wrong? Is it possible to achieve with Drupal.ajax() ?
dont know it can be achievable using drupal.ajax , but created a module for drupal 6 using jquery load and Drupal.attachBehaviors with which you can load any page to any div. Now ported to 7 also :)  this is the module (currently under review process)