magento2 – Unable to send form data to a different controller using AJAX

I am trying to build a custom module that adds a form to the My Account page. The page where a user inputs data is in the productrange page while the output should be shown on the result page. When a user clicks the submit button, they should be redirected to a different controller named Result. The endgoal is to allow data entered into the productrange form to flow into the Result controller where I can add some more logic to process the data. This data should then be passed to result.phtml and displayed upon form submission. However, I am unable to pass data that is input into the productrange form to the Result controller… I suspect there is an issue with the way I am constructing my AJAX request within the productrange form. Can someone please advise?

Note – This question is similar to this one here

However, I am unable to find a solution after reviewing the comments in the post.

File structure:
enter image description here

Block/Index.php:

use MagentoFrameworkViewElementTemplate;
use MagentoFrameworkViewElementTemplateContext;
use MagentoStoreModelStoreManagerInterface;

class Index extends Template
{
    public function __construct(Context $context, StoreManagerInterface $storeManager)
    {
        $this->_storeManager = $storeManager;
        parent::__construct($context);
    }

    public function getBaseUrl()
    {
        return $this->_storeManager->getStore()->getBaseUrl();
    }

    public function getLowData()
    {
        return $this->getLow();
    }

    public function getHighData()
    {
        return $this->getHigh();
    }
}

Controller/Index/Index.php:

<?php

namespace TimsSuperstoreProductrangeControllerIndex;

use MagentoFrameworkViewResultPageFactory;
use MagentoFrameworkAppActionContext;
use MagentoFrameworkAppActionAction;

class Index extends Action
{
    /**
     * @var PageFactory
     */
    protected $resultPageFactory;

    /**
     * Result constructor.
     * @param Context $context
     * @param PageFactory $pageFactory
     */
    public function __construct(Context $context, PageFactory $pageFactory)
    {
        $this->resultPageFactory = $pageFactory;
        parent::__construct($context);
    }

    /**
     * The controller action
     *
     * @return MagentoFrameworkViewResultPage
     */
    public function execute()
    {
        $resultPage = $this->resultPageFactory->create();
        return $resultPage;
    }
}

Controller/Result/Result.php:

<?php

namespace TimsSuperstoreProductrangeControllerResult;

use MagentoFrameworkAppActionAction;
use MagentoFrameworkAppActionContext;
use MagentoFrameworkControllerResultJsonFactory;
use MagentoFrameworkViewResultPageFactory;

class Result extends Action
{

    /**
     * @var MagentoFrameworkViewResultPageFactory
     */
    protected $resultPageFactory;

    protected $resultJsonFactory;

    /**
     * @param Context $context
     * @param PageFactory $resultPageFactory
     * @param JsonFactory $resultJsonFactory
     */
    public function __construct(
        Context $context,
        PageFactory $resultPageFactory,
        JsonFactory $resultJsonFactory
    ) {
        $this->resultPageFactory = $resultPageFactory;
        $this->resultJsonFactory = $resultJsonFactory;
        return parent::__construct($context);
    }

    public function execute()
    {
        $lowprice = $this->getRequest()->getParam('lowprice');
        $highprice = $this->getRequest()->getParam('highprice');
        $result = $this->resultJsonFactory->create();
        $resultPage = $this->resultPageFactory->create();

        $block = $resultPage->getLayout()
            ->createBlock('TimsSuperstoreProductrangeBlockIndex')
            ->setTemplate('TimsSuperstore_Productrange::result.phtml')
            ->setData('lowprice', $lowprice)
            ->setData('highprice', $highprice)
            ->toHtml();

        $result->setData(('output' => $block));
        return $result;
    }
}

etc/frontend/routes.xml

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
    <router id="standard">
        <route id="myproducts" frontName="myproducts">
            <module name="TimsSuperstore_Productrange" />
        </route>
    </router>
</config>

etc/module.xml:

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
    <module name="TimsSuperstore_Productrange" setup_version="2.1.1" active="true">
        <sequence>
        </sequence>
    </module>
</config>

view/frontend/layout/customer_account.xml:

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="customer_account_navigation">
            <block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="customer-account-navigation-custom">
                <arguments>
                    <argument name="path" xsi:type="string">myproducts</argument>
                    <argument name="label" xsi:type="string">Products In Range</argument>
                </arguments>
            </block>
        </referenceBlock>
    </body>
</page>

view/frontend/layout/myproducts_index_index.xml:

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd">
    <update handle="customer_account"/>
    <body>
        <referenceBlock name="page.main.title">
            <action method="setPageTitle">
                <argument translate="true" name="title" xsi:type="string">Products In Range</argument>
            </action>
        </referenceBlock>
        <referenceContainer name="content">
            <block class="MagentoFrameworkViewElementTemplate" name="product_range" template="TimsSuperstore_Productrange::productrange.phtml">
            </block>
        </referenceContainer>
    </body>
</page>

view/frontend/layout/myproducts_result_result.xml:

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column"
      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <title>Result</title>
    </head>
    <body>
        <referenceContainer name="content">
            <block class="TimsSuperstoreProductrangeBlockIndex" name="result_result" template="TimsSuperstore_Productrange::result.phtml" />
        </referenceContainer>
    </body>
</page>

view/frontend/templates/productrange.phtml:

<?php declare(strict_types=1);
/** @var TimsSuperstoreProductrangeBlockIndex $block */
?>

<h2>Specify Product Price Range / Sort</h2>

<form id="product-range-form" name="product-range-form" method="post" data-mage-init='{"validation":{}}'>
    <label>Low Price</label>
    <input name="lowprice" type="int" data-validate="{required:true, 'validate-zero-or-greater': true}">
    <br>
    <label>High Price</label>
    <input name="highprice" type="int" data-validate='{"required":true}'>
    <br>
    <label>Sort</label>
    <select name="sort">
        <option value="ascending" selected>Ascending</option>
        <option value="descending">Descending</option>
    </select>
    <br>
    <input type="submit">
</form>

<script>
    require(('jquery'), function(){
        jQuery(document).ready(function() {
            jQuery("#product-range-form").submit(function(){

                var lowValue = jQuery("input(name='lowprice)").val();
                var highValue = jQuery("input(name='highprice')").val();

                console.log(highValue);
                alert("Here!"); //This alert is not triggered when testing

                var url = "<?php echo $block->getBaseUrl() . 'myproducts/result/result/' ?>";
                jQuery.ajax({
                    url: url,
                    type: "POST",
                    data: {lowprice:lowValue, highprice:highValue},
                    showLoader: true,
                    cache: false
                    success: function(response){
                        console.log(response.output);
                    }
                });
                return false;
            });
        });
    });
</script>

view/frontend/templates/result.phtml:

<?php declare(strict_types=1);
/** @var TimsSuperstoreProductrangeBlockIndex $block */

    echo $block->getLowData();
    echo $block->getHighData();
?>

registration.php:

<?php

use MagentoFrameworkComponentComponentRegistrar;

ComponentRegistrar::register(ComponentRegistrar::MODULE, 'TimsSuperstore_Productrange', __DIR__);