Pequeño problema con jQuery

[stromper]

Hola a todos tengo el siguiente problema y voya a tratar de ser lo mas simple y humilde posible.

tengo un formulario que adentro posee 3 campos input (un text,button,check)
y quiero que cuando se haga un click adentro del formulario (cualquier parte) ejecute una funcion y cuando se le da un focusout o un blur ejecute otra pero el problema es el siguiente cuando hago click por ejemplo en el check automaticamente ejecuta la funcion focusout o blur esto se debe a un problema de propagacion por que la id del textbox no es la misma del formulario entonces piensa que se hizo un click afuera del formulario entonces se hace inestable la aplicacion?

codigo

Formulario

Código HTML:

<div id="new_stromp_small">
          <form id="new_stromp_small_form">
          <label>
            <input value="What are you doing?" name="new_stromp_small_text" id="new_stromp_small_text" type="text" class="textboxsystem_1" style="float: left; width:230px; color:#ccc" size="52">
            <input type="submit" style="margin-left:2px;" name="new_stromp_small_button" value="Share" class="buttonsystem_1"/>
            <div id="new_stromp_small_public_option_div" style="float: right; margin-left:5px; display: none;"><label><strong>Public</strong></label><input id="new_stromp_small_public_option" type="checkbox" /></div>
          </label>
        </form>
  </div>
 

Código Javascript:

$("#new_stromp_small").click(function(){
        $("input[id='new_stromp_small_text']").animate({"width":"284px"},"fast");
        $("#new_stromp_small_public_option_div").show();
    });
 
    $("#new_stromp_small").focusout(function(event){
        $("input[id='new_stromp_small_text']").animate({"width":"230px"},"fast");
        $("#new_stromp_small_public_option_div").hide();  
    });
 

hay solucion para esto?