Laravel eloquent relationship issue in javascript

this is my website model

  class Website extends Model
{
    protected $table = 'website';

   public function links()
   {
    return $this->hasMany('App\Website_links')->where('crawler_status',1);
   }

}

and controller code

 if(Request::ajax()){

        $validator = Validator::make(Request::all(), [
            'page' => 'required',
        ]);
        if($validator->fails()){
            return Response::json(['success'=>false,'error'=>$validator->errors()->toArray()]);
        }

        $page = Request::get('page');
        $websites_data = Website::where('user_id',Auth::id())->skip(3*($page-1))->take(3)->get();
        return Response::json(['success'=>true,'success_data'=>$websites_data]);
    }

and javascrpit code

$(result.success_data).each(function( index,el) {
                console.log(el.project_name,el.website_url,el.links);
            });

here i am getting undefined on el.links. in my html i am getting it perfect like this

@foreach($data as $website)
                    <tr>
                        <td>{{$website['project_name']}}
                        </td>
                        <td><a href="{{$website['website_url']}}">{{$website['website_url']}}</a></td>
                        <td>{{count($website->links)}}</td></tr>
@endforeach

i want to count el.links in javascript like i have done in html.in javascript first two values project_name and website_url is coming perfectly.

via Chebli Mohamed