ZoomTo CZML data source

Hello,

I am fairly new to Cesium and am trying to zoom to a point that has data in a .czml file. Below is my .czml file and java file.

[
{
    "id":"document",
    "version":"1.0"
  },
    {
        "id": "Dot",
    "availability":"2012-08-04T16:00:00Z/2012-08-04T17:04:54.9962195740191Z",
    "position": { "cartographicDegrees": [-117.1215157, 33.1271535, 0.0] },
    "point": {
            "color": { "rgba": [0, 0, 255, 255] },
      "pixelSize": "10"
        }
    }
]

//////////////////////////////////////////////////

\(document\)\.ready\(function\(\) \{   ('.newButton').click(function() {
  
  var data = new dataSource.add(Cesium.CzmlDataSource.load('testPoint.czml'));
    viewer.zoomTo(data);
  
});
});

//////////////////////////////////////////////////////

Any help would be greatly appreciated!

Thanks,
Aaron