I'm using magneto 2.1.7. I'm trying to move where the billing address is set by default it is set on the payment page and I would like to move this before the shipping methods section.

Here is my **checkout_index_index.xml**:
 
<item name="before-shipping-method-form" xsi:type="array">

    <item name="component" xsi:type="string">uiComponent</item>
    <item name="displayArea" xsi:type="string">before-shipping-method-form</item>
    <item name="children" xsi:type="array">
        <item name="billing-address" xsi:type="array">
            <item name="component" xsi:type="string">Magento_Checkout/js/view/payment/default</item>
            <item name="component" xsi:type="string">Magento_Checkout/js/view/billing-address</item>
            <item name="displayArea" xsi:type="string">billing-address</item>
            <item name="dataScope" xsi:type="string">afterMethods</item>
            <item name="provider" xsi:type="string">checkoutProvider</item>
            <item name="config" xsi:type="array">
                <item name="template" xsi:type="string">Magento_Checkout/billing-address</item>
            </item>
        </item>
    </item>

</item>


    
</item>


This is loading the checkbox and lable but the form is empty 


[![enter image description here][1]][1]

  [1]: https://i.sstatic.net/uH5B7.png


Any advice?