Could somebody please help from step (2) to (4). I am having a hard time. Any help will be appreciated. Thanks!

[1] Prepare a standard web folder (web app) that has an index.html file (will auto load) with a (a) data (b) js and (c) css subfolder. Inside each subfolder you should place the corresponding javascript, css and json data files for this project. to see an example of this take a look at our InClass section that has several examples. [2] Your index.html file should load some basic css and the JQuery library (you may use either downloaded local copies of each library or may use the cdn style loading on the client). This index file should start with two sequential div tags (they will be siblings in the DOM):

ajax data goes here get_vanilla_data(id, url) - use the regular XHR technique get_jq_data(id, url) - use the $().ajax() technique and then call each of functions using the url for the data.json file from step [3] while attaching to the corresponding areas laid out for you in step [2]. get_vanilla #vanilla_ajax','data/data.json'); get_jq_ajax(#vanilla_ajax', 'data/data.json"); [5] Test and verify that all libraries are loading and functioning and that each of the two methods are doing the same thing: loading json data via an ajax call and modifying the DOM with the result