jquery mobile - Get JSON data 404 (Not Found)

Question

OK this is strange. I am getting the following error when i try to test my code. For some reason, my URL address is showing as twice.

GET http://howtodeployit.com/howtodeployit.com/api/get_recent_posts/ 404 (Not Found) 

JS:

$(document).on('pagebeforeshow', '#blogposts', function() {     
    //$.mobile.showPageLoadingMsg();    
        $.ajax({
            url: "http:/howtodeployit.com/api/get_recent_posts/",
            dataType: "json",
            jsonpCallback: 'successCallback',
            async: true,
            beforeSend: function() { $.mobile.showPageLoadingMsg(true); },

            complete: function() { $.mobile.hidePageLoadingMsg(); },
            success:function(data){
                console.log(data);
            // successful request; do something with the data
              $('#postlist').empty();
              var html = '';
                for (i=0; i<data.posts.length; i++) {
                html += '<li>' + data.posts.title + '</li>';
               }
               $("#postlist").append(html).listview("refresh");
             },

            error: function (request,error) {
                alert('Network error has occurred please try again!');
            }
        });
    });

Answer 1

You're missing second slash here: "http:/howtodeployit.com/api/get_recent_posts/", you probably want "http://howtodeployit.com/api/get_recent_posts/"