When the page loads the first time the links don't work

When the page loads the first time the links don't work

Hi I have the following code with Jquery, and when the fee the first time in the browser and I click on the links do not work but if I click several times all goes well, this happens.

The first time when I clic on the link "Move me" you can see in the page: Resultado = filaX.undefined and nothing happen but the second time whe I clic on the link work fine

This is the code:

  1. <html> 

  3. <head>
  4.     <link rel="stylesheet" href="css/bootstrap.min.css">
  5.     <!-- Optional theme -->
  6.     <link rel="stylesheet" href="css/bootstrap-theme.min.css">
  7.     <!-- Latest compiled and minified JavaScript -->
  8.     <script src="js/bootstrap.min.js"></script>
  9.     <script src="jquery-1.11.2.js"></script>
  10.     <script>
  11.         $(document).ready(function() {
  12.             $(".filaMover").click(function() {
  13.                 var row = $(this).closest("li");
  14.                 $("p").append("<b>" + row.attr("id") + "</b>.");
  15.                 $("p").append("<b>" + row.parent().attr("id") + "</b>.");
  16.                 var lista = row.parent();
  17.                 row.detach();
  18.                 if (lista.is("#lista1")) {
  19.                     $("#lista2").append(row);
  20.                 } else {
  21.                     $("#lista1").append(row);
  22.                 }
  23.                 row.fadeOut();
  24.                 row.fadeIn();
  25.             });
  26.         });
  27.     </script>
  28.     <meta charset="utf-8">
  29.     <title>This is a jquery test</title>
  30. </head> 

  32. <body>
  33.     <p>resultado = </p>
  34.     <ul id="lista1" style="display: inline" class="displayTable list-group">
  35.         <li id="fila1" class="list-inline"> 
  36.             <div style="float:left"> FILA 1 </div>
  37.             <div style="float:left"> FILA 1 </div>
  38.             <div>
  39.                 <a href="#" id="fila1Mover" class="filaMover">&nbsp; Move Me</a>|
  40.             </div>
  41.         </li>
  42.         <li id="fila2" class="list-inline">
  43.             <div style="float:left"> FILA 2 </div>
  44.             <div style="float:left"> FILA 2 </div>
  45.             <div>
  46.                 <a href="#" id="fila2Mover" class="filaMover">&nbsp; Move Me</a>|
  47.             </div>
  48.     </ul>
  49.     </li>
  50.     <li id="fila3" class="list-inline">
  51.         <div style="float:left"> FILA 3 </div>
  52.         <div style="float:left"> FILA 3 </div>
  53.         <div>
  54.             <a href="#" id="fila3Mover" class="filaMover">&nbsp; Move Me</a>|
  55.         </div>
  56.     </li>
  57.     </ul>
  58.     <caption>Lista2 2</caption>
  59.     <ul id="lista2" style="background-color: Yellow; margin-top: 30px;" class=" displayTable">
  60.     </ul>
  61. </body> 

  63. </html>

Please help