jQueryでhtmlから取得した値をグローバル変数に代入して違うコードに渡すには？？

webアプリを制作しているのですが、jQueryを使ってユーザがformで入力した値を以下のように取得しました。

<script>
    $('button').click(function () {

        // 選択ボックス
        m = $('#minute').val();
        console.log(m);
    });


</script>

consoleにちゃんと入力した値が表示されるところまではきたのですが、そのあとjQueryの関数から抜けてconsoleを実行しても値が表示されません。

<script>
    $('button').click(function () {

        // 選択ボックス
        m = $('#minute').val();//ここにvarを付けないとグローバルになると聞いた。
        console.log(m);
    });
    console.log(m);//mは定義されてないエラーが出る。

</script>

return文などを使うと思うのですがJqueryを挟んでいるかで上手く代入出来ないです。
試した事

<script>
    var m = $('button').click(function () {

        // 選択ボックス
        var m = $('#minute').val();
        return m;
    });
    console.log(m);

</script>

何かいい方法はないでしょうか？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

jQueryファイルは上記から読み込んでいます。
よろしくお願いします。