Connection with ejabberd server from Strophe.JS (through Webscokets) saying "connection...failed"

Question

I am trying to establishing a connection with ejabberd server from JavaScript (I am using strophe from connectivity purpose), but it's not establish a connectivity.. in console it is showing:

strophe.umd.min.js:1 WebSocket connection to 'wss://example.com:5222/' failed.

example code

var connection = null;

function onConnect(status)
{
    if (status == Strophe.Status.CONNECTING) {
    log('Strophe is connecting.');
    } else if (status == Strophe.Status.CONNFAIL) {
    log('Strophe failed to connect.');
    $('#connect').get(0).value = 'connect';
    } else if (status == Strophe.Status.DISCONNECTING) {
    log('Strophe is disconnecting.');
    } else if (status == Strophe.Status.DISCONNECTED) {
    log('Strophe is disconnected.');
    $('#connect').get(0).value = 'connect';
    } else if (status == Strophe.Status.CONNECTED) {
    log('Strophe is connected.');
    connection.disconnect();
    }
}

$(document).ready(function () {
    connection = new Strophe.Connection("wss://emample.com:5222/", {protocol: "ws"})

    $('#connect').bind('click', function () {
    var button = $('#connect').get(0);
    if (button.value == 'connect') {
        button.value = 'disconnect';
        var id= '[email protected]'
        var password = 'hello'
        connection.connect(id, password, onConnect)
    } else {
        button.value = 'connect';
        connection.disconnect();
    }
    });
});