如何设置光标在文本字段中的位置？

Question

我正在尝试在输入字段中自动将名称的首字母大写。大写有效，但是当我用新的字符串替换元素时，光标会自动跳到字符串的末尾，这很烦人。

这是我的代码：

$('#firstnameid, #surnameid').on('keyup', function() {
    capitalise_first($(this));
});

function capitalise_first(elem) {
    var value = elem.val();
    var capital = value[0].toUpperCase();
    var capital_string = capital + value.substr(1, value.length -1);
    elem.val(capital_string);
}

名字和姓氏字段只是简单的文本输入。

关于此问题或类似问题，我还看到了许多其他帖子，但似乎没有一个对我有帮助。通常对于这类问题有一个非常简单的解决方案，对吧？