Обновление пост рандомизатора без реалой страницы в Wordpress

Question

В настоящее время я работаю над проектом, в котором я даю короткие рандомизированные творческие трусы для пользователей.Я сделал собственный тип записи в Wordpress, и каждый раз, когда страница перезагружается, на сайте генерируется новое случайное резюме.Мне нужна кнопка «Дай мне новый бриф», чтобы пользователю не пришлось перезагружать страницу.Функция для написания брифинга следующая:

function wpb_rand_posts() { 
$args = array(
'post_type' => 'brief',
'orderby'   => 'rand',
'posts_per_page' => 1, 
);
$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ) {
$string = '<div class="brief-generator" id="result">';
    while ( $the_query->have_posts() ) {
    $the_query->the_post();
    $string .= '<h1>'. get_the_title() .'</h1>';
    }
    $string .= '</div>';
    $string .= '<button id="loadNew">Load New Brief</button>';
/* Restore original Post Data */
wp_reset_postdata();
} else {
$string .= 'no posts found';
}
return $string; 
} 
add_shortcode('random-posts','wpb_rand_posts');
add_filter('widget_text', 'do_shortcode');

Живой сайт (в разработке): wwww.briefr.se Надеюсь, что описание не слишком расплывчато.Спасибо!