ajax errorになる、リアルタイムの絞り込み検索で

wordpressを利用しています。

Q1 A1 A2 A3
Q2 A2 A2 A3
Q3 A1 A2 A3
Q4 A1 A2 A3

Qはカスタムフィールド
Aはチェックボックスとなっております。

https://sim.hyouban-hikaku.com/
ここのサイトにあるような絞り込み検索をしたいです。

下記の様なコードを書いたのですが、
結果、エラーが起こりました。お手数ですがページの再読み込みを行ってください。
の部分が出力されました。

どこがおかしいのかわからずです。
すいませんがご教授お願いします。

function.php
1function call_post(){
2
3    // Getting the ajax data:
4    // An array of keys("name")/values of each "checked" checkbox
5    $choices = $_POST['choices'];
6
7    $meta_query = array('relation' => 'OR');
8    foreach($choices as $Key=>$Value){
9
10        if(count($Value)){
11            foreach ($Value as $Inkey => $Invalue) {
12                $meta_query[] = array( 'key' => $Key, 'value' => $Invalue, 'compare' => '=' );
13            }
14        }
15    }
16    $args = array(
17        'post_type' => 'post',
18        'meta_query' =>$meta_query
19    );
20
21    $query = new WP_Query($args);
22     //if( ! empty ($params['template'])) {
23         ////$template = $params['template'];
24         if( $query->have_posts() ) :
25             while( $query->have_posts() ): $query->the_post();
26                 get_the_title($query->posts);
27             endwhile;
28             wp_reset_query();
29         else :
30             wp_send_json($query->posts);
31         endif;
32     //}
33
34    die();
35}
36add_action('wp_ajax_call_post', 'call_post');
37

jsファイル
1    jQuery(document).ready(function($){
2        $('.search_frame input').change(function(){
3
4            // declaring an array
5            var choices = {};
6
7            $('.filter-output').remove();
8            $('.filter-output').empty()
9
10            $('input[type=checkbox]:checked').each(function() {
11                if (!choices.hasOwnProperty(this.name))
12                    choices[this.name] = [this.value];
13                else
14                    choices[this.name].push(this.value);
15            });
16
17
18            console.log(choices);
19            $.ajax({
20                type: "POST",
21                url: ajaxurl,
22                data: {
23                    // データ受け渡し
24                    'action' : 'call_post', // the php name function
25                    'choices' : choices,
26                },
27                success: function( response ) {
28                    $('.result .loading').remove();
29                    jsonData = JSON.parse( response );
30                    var count = jsonData.length;
31                    if ( count == '0' ) {
32                        // 検索結果がない場合
33                        $('.result').append('<li>検索結果がありません。</li>');
34                    } else {
35                        // リストに出力
36                        $.each( jsonData, function( i, val ) {
37                        $('.result').append('<li><a href="' + val['permalink'] + '">' + val['post_title'] + '</a></li>');
38                        });
39                    }
40                    click_flag = true;
41                },
42                error: function( response ) {
43                    // ajaxエラーの場合
44                    $('.result .loading').remove();
45                    $('.result').append('<li>エラーが起こりました。お手数ですがページの再読み込みを行ってください。</li>');
46                    click_flag = true;
47                }
48            });
49        })
50    });
51