Untitled

...
<div class="row">
    <div class="col-4">
        <label>Kategori</label>
        <select id="category" class="form-control"></select>
    </div>
    <div class="col-4">
        <label>Källa</label>
        <select id="source" class="form-control"></select>
    </div>
    <div class="col-4">
        <label>Koldioxidfaktor</label>
        <input type="text" id="carbonfactor" class="form-control" disabled>
    </div>
</div>
<div class="row">
    <div class="col-4">
        <label id="unit-label">Inmatning</label>
        <input type="text" id="unit" class="form-control">
    </div>
    <div class="col-4">
        <label id="unit-label2"></label>
        <input type="text" id="unit2" class="form-control" style="display: none;">
    </div>
    <div class="col-4">
        <label>Resultat CO2e</label>
        <input type="text" id="result" class="form-control" disabled>
    </div>
</div>
<div class="row">
    <div class="col-6">
        <label for="dateFrom">Utsläpp från</label>
        <input type="date" id="dateFrom" class="form-control">
    </div>
    <div class="col-6">
        <label for="dateTo">Utsläpp till</label>
        <input type="date" id="dateTo" class="form-control">
    </div>
</div>
...













$('#clear').click(function() {
    $('input').val('');
    $('textarea').val('');
    $('#unit-label2').text('');
    $('#charCount').text('0/250');
    unitInput2.hide();
    $('input[name="scope"]').prop('checked', false);
    categorySelect.prop('selectedIndex', 0).attr('disabled', true);
    sourceSelect.prop('selectedIndex', 0).attr('disabled', true);
    $('.invalid-input').removeClass('invalid-input');
    $('#scope label').removeClass('active');
    $('#scope input').prop('checked', false);
});