How to append JSON data in the html div?

<script type="text/javascript">
                jQuery(document).ready(function()
                {
                    var str = jQuery(location).attr('href');
                    var url_ProjectId = str.split("=")[1];

                    var url = "http://localhost/services/projects.php?method=browse_ar_projects&data=";
                        jQuery.ajax(
                        {
                            url: url,
                            dataType: 'json',
                            success: function (data, textStatus, jqxhr) {
                            CreateProperties(data);
                            },
                            error: function (jqxhr, textStatus, errorMessage) {
                            console.log(argument);
                            }
                        });


                        jQuery('#content').click(function ()
                        {

                            Android.NavigateToProjectOverview();
                        });

                        function CreateProperties(jsonData)
                        {
                            for (var i = 0; i < jsonData.data.length; i++)
                            {
                                var id=jsonData.data[i].project_id;

                                if(id==url_ProjectId)
                                {
                                    var designString = '<div class="project_info">' + jsonData.data[i].project_name +'</div>';
                                    jQuery('#content').append(designString);
                                }
                                else
                                {
                                    console.log('error');
                                }

                            }
                        }
                });
</script>

[{"status":"1","error":"0","data":[{"project_id":"1","project_name":"Hoysala ACE Phase II","project_ar_url":"www.myfourwalls.in\/projects_data\/villa\/2BHK.wt3","project_ar_type":"Apartment","project_ar_title":"Exterior","project_marker":"www.myfourwalls.in\/projects_data\/marker\/villa.wtc"},{"project_id":"2","project_name":"WILASA Aikya","project_ar_url":"www.myfourwalls.in\/projects_data\/villa\/table.wt3","project_ar_type":"Plots","project_ar_title":"Exterior","project_marker":"www.myfourwalls.in\/projects_data\/marker\/villa.wtc"},{"project_id":"3","project_name":"Bluejay Ardley","project_ar_url":"www.myfourwalls.in\/projects_data\/villa\/villa.wt3","project_ar_type":"Villa","project_ar_title":"Interior","project_marker":"www.myfourwalls.in\/projects_data\/marker\/villa.wtc"},{"project_id":"4","project_name":"Hoysala Habitat","project_ar_url":"www.myfourwalls.in\/projects_data\/villa\/seater_sofa.wt3","project_ar_type":"Apartment","project_ar_title":"360 Model","project_marker":"www.myfourwalls.in\/projects_data\/marker\/villa.wtc"},{"project_id":"5","project_name":"AVS","project_ar_url":"www.myfourwalls.in\/projects_data\/villa\/bedroom.wt3","project_ar_type":"Villa","project_ar_title":"Exterior","project_marker":"www.myfourwalls.in\/projects_data\/marker\/villa.wtc"},{"project_id":"6","project_name":"JSONS","project_ar_url":"www.myfourwalls.in\/projects_data\/villa\/bedroom.wt3","project_ar_type":"Villa","project_ar_title":"Exterior","project_marker":"www.myfourwalls.in\/projects_data\/marker\/villa.wtc"}]}]

Uncaught TypeError: Cannot read property 'length' of undefined