laravel ajax通信でデータが取得できない

前提・実現したいこと

只今laravelを勉強中で、簡単なwebページを作成中。
Formからのデータをajax通信を通して、<select>へ追加していきたい。

発生している問題・エラーメッセージ

パラメータには[object Object]とあり、うまくデータが取得できていない。

該当のソースコード

javascript
1    $('#add_btn').on('click', (function(e) {
2
3        $.ajaxSetup({
4            headers: {
5                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
6            }
7        });
8
9        var word = $('#task').val();
10
11        $.ajax({
12                url: 'task/add',
13                type: 'POST',
14                data: {'task_name': word},
15                dataType: 'json',
16                cache: false,
17                processData: false,
18            })
19　　　　　　  .done(function(tasks) {
20                var taskname = '<option>' + tasks.name + '</option>';
21                $('#task_name select').append(taskname);
22            })
23            .fail(function(data) {
24                console.log(data)
25            });
26    }));
27
28

php
1blade側
2          <div id="task_name">
3              <select>
4              </select><br>
5              <form method="POST" action="{{action('TaskController@add')}}" id="add_form">
6              <input type="text" id="task" name="task_name">
7              <input type="button" value="追加" id="add_btn">
8            </form>
9          </div>
10

php
1Controller側
2    public function add(Request $request)
3    {
4        $task = new Task();
5        $task->name = $request->task_name;
6        $task->save();
7
8        $taskss = Task::latest()->first('name');
9        return response()->json($tasks);
10    }