texto seleccionado jquery

[jp_developer]

hola bueno estoy haciendo un código en jquery que implica tener un texto seleccionado.
ya obtuve el texto y lo muestro en un alert pero si no selecciono nada igual muestra el alert vació, no se si me explico, bueno aquí el código que tengo.

Código Javascript:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).on('ready',function(){
 
  $('#botones a').click(function(){
       alert(document.getSelection());
  });
 
});
</script>
 
<div id="botones"><a href="#">mostrar texto seleccionado</a></div>
 
<div id="contenido" contenteditable="true">
    <p>contenido del div</p>
</div>
 

bueno como ven, con la función document.getSelection() me muestra lo que selecciono con el mouse del div contenido, al hacer click en el link.
pero si no he seleccionado nada, igual me lo muestra.

quiero hacer algo asi:

Código Javascript:

<script>
$(document).on('ready',function(){
 
  $('#botones a').click(function(){
      
      if(ha seleccionado algo?){
           alert(document.getSelection());
       }else{
           no mostrar nada
       }
  });
 
});
</script>
 

he probado poniendo if(document.getSelection()=="") y no funciona, tal vez usando el typeof pero tampoco.

agradecería mucho alguna ayuda, o alguna pag o libro que me recomienden donde salga todo sobre jquery

gracias