How to call out multiple JSON objects in Angular

I am trying to call multiple objects from my JSON file for various different sections on my site. As it stands i have the jobs and a misc section for section titles etc. With my HTML i have the following

<h2>{{job.jobTitle}}</h2>

This works fine. However the misc section doesn't display any content

<h1>{{title.widgetTitle}}</h1>

plunkr

"jobs": [
    {
        "jobTitle": "Senior Accountant",
        "sector": "Accounting & Finance",
        "link": "/jobs/1"
    },
 ],
 "title": [
            {"widgetTitle": "Latest Jobs"}

         ]

HTML

 <div class="tickr-container" data-ng-controller="tickCtrl">
            <div>   
                <h1>{{title[0].widgetTitle}}</h1>
            </div>

            <div>
                <h3>{{date | date:'fullDate' : 'GMT'}}</h3>

                <ul ng-mouseover="stopAuto()" ng-mouseleave="startAuto()" class="tickrSlider">
                    <li class="tickrSlider-slide" ng-class="{'job-active' :isActive($index)}" data-ng-repeat="job in jobs">
                        <div class="tickrSlider-inner">
                            <h2>{{job.jobTitle}}</h2>
                            <p>{{job.sector}}</p>
                            <a class="tickrSlide-info" href="{{job.link}}">{{job.link}}</a>
                        </div>
                    </li>
                </ul>