Adding size to input field with jEditable plugin of jQuery

I am using jEditable a jQuery plug-in and is is really cool for inline editing. I stuck when I had to add size(say 50 characters) field and css  for an input field which is inline editable.

Then, I extended jeditable and added my own input type with size and class attributes:
In anything.js:
$(document).ready(function(){
    jQuery.editable.addInputType('custom_input', {
    element : function(settings, original) {
                    var input = $('<input size=50 class="input_inline"/>');
                    if (settings.width  != 'none') { input.attr('width', settings.width);  }
                    if (settings.height != 'none') { input.attr('height', settings.height); }
                    /* https://bugzilla.mozilla.org/show_bug.cgi?id=236791 */
                    //input[0].setAttribute('autocomplete','off');
                    input.attr('autocomplete','off');
                    $(this).append(input);
                    return(input);
                }
    });
});

$(".mouseover").editable('<custom url>', {
      indicator : '<custom image path>',
        onblur    : "submit",
        placeholder : "click here to edit",
        type      : "custom_input"
    });
In any.html:
<div class="mouseover"></div>
so all div with mouseover class will become inline editable.