JQuery - no logro dividir satisfactoriamente variable con split

<script>

 $(document).ready(){

  var id = 3_50000.23;

  id.split('_');

  alert(id[2]);

  // resultado = 5    el 5 corresponde al primer caracter despues del separador _

});

</script>

var id = 3_50000.23;

var costo = id.split('_');

alert(costo[2]);

// resultado = undefined

var id = 3_50000.23;

var id = "3_50000.23";

<select class="custom-select mr-sm-2" id="procedimiento" name="procedimiento">

 <option selected>Seleccione</option>

	<?php

         $info = procedimientos();

	 while($file = pg_fetch_array($info)){

	?>

 <option value="<?php echo $file[0]."_".$file[2]; ?>"> <?php echo $file[1]; ?> </option>

                           3         _   50000.23                  nombre del articulo

 <?php } ?>

</select>

$("#procedimiento").change(function () {

 $("#procedimiento option:selected").each(function () {

 // se obtiene el valor del select el cual es: 3_50000.23

 var id = $(this).val();

alert(typeof(id)); aqui me dice que la variable es string, lo cual es normal

 id.split('_'); // este es mi separador

 var costo = parseInt(id[2]); // si lo intento sin el parseInt igual me sigue dando solo 5

alert(costo);

 // el resultado que me muestra es: 5

});

});

var result=id.split('_');

var costo = result(id[1]);