Untitled

404 error when moving ajax request outside of document.ready
function finish() {
          var selectedRowsVal = [];
          jQuery("input:checked").each(function(){
                selectedRowsVal.push(jQuery(this).val());
            });
          if(selectedRowsVal.length === 0){
            alert(111);
          }else{alert(selectedRowsVal.length);
             jQuery.ajax({
                url: "../Login",
                data: {selectedRows: 1},
                method: 'post',
                error: function(XMLHttpRequest, textStatus, errorThrown){
                     alert('status:' + XMLHttpRequest.status + ', status text: ' + XMLHttpRequest.statusText);
                },
                success: function(data){}
            });
          }
        }

<div data-role="footer" data-position="fixed" data-theme="b">
            <div data-role="navbar" dir="rtl">
                <ul>
                    <li><a href="#" onclick="finish();" data-role="button">finsh</a></li>
                    <li><a href="#" data-role="button">send to many</a></li>
                    <li><a href="#" data-role="button">send</a></li>
                </ul>
            </div><!-- /navbar -->
        </div><!-- /footer -->

jQuery.ajax({
            url     : "../Login",
            data    : { selectedRows: 1 },
            type    : 'post',
            error   : function(XMLHttpRequest, textStatus, errorThrown){
                 alert('status:' + XMLHttpRequest.status + ', status text: ' + XMLHttpRequest.statusText);
            },
            success : function(data){}
        });