I just noticed that in the console, if I call:
ContextHub.getItem('store/surferinfo/browser/family')
"Chrome"
I can get Chrome returned. To me, in the path, I still have "store" in the path. But in the dataelement, when I select the path, I only can select "surferinfo.browser.family
Then I noticed that, in the added AEM ContextHub tool, if I select " Use default Data Layer", then everything worked. But if I chnage to "Customize ContextHub Data layer" and then put "ContextHub" as the Data Later Root, I can not get "Chrome" in the dataelement. I got "SATELLITE: TypeError - Cannot read property 'surferinfo' of undefined" Most likely the root path is incorrect. Any one know how to set up the root path?