Ajax POST not successful

Ajax POST not successful

I'm trying to create ajax script where the user clicks a button

e.g.
Product Type Alpha
Product Type Beta

It then sends that response via ajax to a new page and remembers what the user selected but now asks more questions.

I'm trying to do the first stage, but having no luck;

  1. jQuery(document).ready( function($) {
  2.     jQuery('.sectors .sector_btn').click(function() {
  3.         var myVar = jQuery(this).attr('name');
  4.         jQuery.ajax({
  5.             type: 'POST',
  6.             url: location.origin + '/filter-page/?product_type=' + myVar,
  7.             dataType: 'json',
  8.             success: function( myVar ) {
  9.                 console.log(myVar); 
  10.             },
  11.             error: function(xhr, ajaxOptions, thrownError){ 
  12.                 alert('Error, but product type is: ' + myVar);
  13.             }  
  14.         });
  15.     });
  16. });
It just errors and shows me the right name attribute, but doesn't send the data to the new page (and populates or remembers for "stage 2").

Any ideas where I've gone wrong....?