how to concatenate "#id" variable to url in load()

how to concatenate "#id" variable to url in load()

I have different 2 li elements each with data-load = "#content01" and data-load="#content02".

When I hover li[0],  i want to load the particular "#content01" from my source url...

                        
                  $('.navContx li').on('mouseenter'function(){

                        var loadDataID= $(this).data('load');
                        var pageUrl= " http://localhost/source.html";
            
                       $('.loadHere').load(loadThis + loadDataID, 
                        function(){console.log("content loaded")}
                       );
                  })

But this loads the entire source.html.

Can some one please explain how i can get to load only the particular id.

Thanks.