Форма звонка для asterisk

<style type="text/css">
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-size: 12pt;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
#link, #link a:visited{
    color: #ccc;
    font-size: 10px;
    font-family:Helvetica, sans-serif;
    margin-left: 15px;
}
#link > a {
    color: #ccc;
    text-decoration: none
}
#frame {
    background-image: url('/admin/modules/webcallback/assets/images/c2c-blue.png');
    background-repeat: no-repeat;
    background-size: 200px;
    height: 65px;
    cursor: pointer;
    cursor: hand;
}
#webcallbackinput {
    position: relative;
    left: 69px;
    top: 34px;
    width: 121px;
    outline: 0;
    height: 17px;
    padding: 1px;
}
</style>
<div id="frame">
    <input type="text" name="num" placeholder="enter number here" id="webcallbackinput" value="">
    <input type="hidden" id="dest" value="site.ru/wcb.php">
    <input type="hidden" id="i" value="1">
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#frame').click(function(e){
        if($(e.target).attr("id") == "webcallbackinput") {
            return;
        }
        //ensure we have a value before posting
        if ($('#webcallbackinput').val()) {
            var but = $(this);
            $.ajax({
                url: $('#dest').val(),
                type: 'post',
                data: {p: $('#webcallbackinput').val(), i: $('#i').val()},
                cache: false,
                success: function(data, b, c) {
                    data = $.parseJSON(data);
                    console.log(data)
                    switch (data.Response) {
                        case 'Error':
                            switch (data.Message) {
                                case 'Originate failed':
                                    alert('Invalid Message');
                                    break;
                                default:
                                    alert(data.Message);
                                    break;
                            }
                            break;
                        case 'Success':
                            alert('Valid Message')
                            break;
                        default:
                            break;
                    }
                },
                error: function(a, b, c) {
                    console.log(a, b, c);
                    alert('Invalid Message');
                }
            })
        }
    })
});
</script>

<div id="frame">
    <input type="tel" maxlength="11" placeholder="79999998877" id="webcallbackinput" value="">
    <input type="hidden" id="dest" value="site.ru/wcb.php">
    <input type="hidden" id="i" value="1">
    <input type="submit" value="Позвоните мне!">
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#frame').click(function(e){
        if($(e.target).attr("id") == "webcallbackinput") {
            return;
        }
        //ensure we have a value before posting
        if ($('#webcallbackinput').val()) {
            var but = $(this);
            $.ajax({
                url: $('#dest').val(),
                type: 'post',
                dataType: "jsonp",
                data: {p: $('#webcallbackinput').val(), i: $('#i').val()},
                cache: false,
                success: function(data, b, c) {
                    data = $.parseJSON(data);
                    console.log(data)
                    switch (data.Response) {
                        case 'Error':
                            switch (data.Message) {
                                case 'Originate failed':
                                    alert('Invalid Message');
                                    break;
                                default:
                                    alert(data.Message);
                                    break;
                            }
                            break;
                        case 'Success':
                            alert('Valid Message')
                            break;
                        default:
                            break;
                    }
                },
                error: function(a, b, c) {
                    console.log(a, b, c);
                    alert('Invalid Message');
                }
            })
        }
    })
});
</script>